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表单的详细信息可查看：