1、在一个父元素上声明ng-app指令,确定Angular应用的作用范围。
2、使用angular.module(‘模块名‘, [依赖列表])创建一个模块
3、在模块中声明控制器 module.controller(‘控制器名‘, function(){ });控制器中对模型数据进行CRUD
4视图:<ANY>{{ 式子 }}</ANY>
(1){{}}可以输出各种数学/比较/逻辑/三目运算/调用string对象的方法/模型变量的值;
(2)但不能调用全局函数、不能创建对象、普通JS页面变量的值。
(3){{}}会发生元素内容闪动现象,可以使用ngBind指令解决此问题
5、异步请求数据:$http
dome:
angular.module(‘APP‘, [‘ng‘]) .controller(‘contro2‘, function ($scope, $http, $interval) { $scope.salary = 800; $scope.emp = [{ename: ‘Tom‘, age: 20}, {ename: ‘hai‘, age: 30}]; $scope.loadData = function () { //发起异步的AJAX请求,获取服务器端数据 //ng/service/$http $http.get(‘data/1.php‘) .success(function (data) { //console.log(data);//[Object,Object,Object] //控制器只需要把得到的数据声明为“模型数据”,就可以绑定在页面中 //$scope.emp = data; if (!$scope.emp) { $scope.emp = []; } $scope.emp = $scope.emp.concat(data); }) } $interval(function () { $scope.time = new Date().toLocaleTimeString(); }, 1000) }) .controller(‘contor3‘, function ($scope) { $scope.pel = [{name: "huge", age: 54, hoby: "sing"}, { name: "huojianhua", age: 54, hoby: "act" }, {name: "jiangliuer", age: 80, hoby: "skry"}] })
一、angular:module-Controller-Model-View (模块-控制器-模型-视图);异步请求$http
原文:http://www.cnblogs.com/yexiangwang/p/4987889.html