1.angular.module()方法
描述:本方法是NG框架中提供,用来生成【页面数据模型】的方法
语法:var 模型名称 = angular.module('边界名称', [注入信息])
说明:因为现在还没有涉及到注入内容,因此暂时空置即可
例子:
var myApp_module = angular.module('app', []);
2.声明控制器指令ng-controller
描述:本指令用来在页面中声明哪一个元素为控制器
控制器,就是用来操作数据和视图的部件。
语法:
<html ng-controller='mainController'>...</html>
注意:只要声明一个标签拥有控制器,这个控制器在脚本中就必须写出!!
3.实现控制器方法*.controller()
描述:本方法是NG框架在script脚本中提供,用来生成【页面控制器】的方法
语法:
页面数据模型名称.controller('控制器名称',['$scope', function ($scope){...}]);
例子:app.controller('mainController', ['$scope', function ($scope){...}]);
4.遍历指令ng-repeat
描述:本指令用来遍历NG变量,并根据其进行构建页面html元素
语法:
<E ng-repeat='任意变量名 in NG变量 track by $index'>{{任意变量名}}</E>
说明:track by $index 表示允许有重复内容存在,如果不写出现重复内容会报错
例子:
<li ng-repeat='pname in names track by $index'>{{pname}}</li>
补充:ng-repeat指令必须在controller中对NG变量赋值之后才会生效单独的ng-repeat毫无用处,因为NG变量不存在,没法赋值。