7、构建 AngularJS 客户端应用与 .NET Web 服务

构建 AngularJS 客户端应用与 .NET Web 服务

1. 创建 AngularJS 客户端应用

1.1 新视图控制器代码

新视图的控制器代码相较于关联的 HTML 文件较少，示例代码如下：

myAppModule.controller('BicycleController', ['$scope',  
'$location', 'bicyclesService',
  function ($scope, $location, bicyclesService) {
      $scope.bicycleTypes = bicyclesService.getBicycleTypes();
      $scope.bicycle = bicyclesService.createBicycle();
      $scope.submit = function () {
          bicyclesService.addBicycle($scope.bicycle);
          $location.path('/bicycles');
      };
  }
]);

使用内置的 $location 服务，在创建并验证新自行车对象后设置路由，将浏览器重定向到包含新增行的索引视图。

1.2 AngularJS 表单验证特性

AngularJS 表单验证特性强大且鲜为人知，它通过声明式的验证规则将样板验证代码降至最低。更多关于 AngularJS 表单的细节可参考：