AngularJS很美,以至于迷倒了不少年青人和我这位大叔,它的美不仅仅是在写法上,而且在设计方法上都进乎于完美,用什么服务就注入什么服务,这样方法本来就很直观,程序员感觉直观了,程序在运行起来也按需要装载,这种按需要装载无论在性能上还是在表现力上都远远优于完全加载方式。
$http服务提供了一组ajax的方法,加载数据,Get,Post都有支持,而$http服务在angular里就是被动态装载的,在面向对象里叫做DI或者IOC
angular.module('todoApp', []).controller('RealDataController', function ($http, $scope) { var self = this; $http.get('/SOA/GetMenus').success(function (data) { self.dataList = data; }).error(function (data, status, headers, config) { });
上面是一种装载$http服务,并使用http服务的一种方法,而下面这种是通过别名的方法使用它,代码更加精简
angular.module('todoApp',[]).controller('RealDataController2', ["$http", "$scope", function ($h, $s) { var self = this; $h.get('/SOA/GetMenus').success(function (data) { self.dataList = data; }).error(function (data, status, headers, config) { }); }]);
通过上面的程序我们就可以把数据绑定到HTML元素上了
<div ng-controller="RealDataController as real"> <ul> <li ng-repeat="item in real.dataList"> <span>{{item.MenuID}}</span> <span>{{item.MenuName}}</span> <span>{{item.UpdateDate | date:'yyyy-MM-dd HH:mm:ss Z'}}</span> <span><a href="javascript:void(0)" ng-click="real.edit()">编辑</a></span>| <span><a href="Javascript:void(0)" ng-click="real.del(item)">删除</a></span> </li> </ul> </div>
结果如下
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
新闻热点
疑难解答