文章标题

来源:互联网 发布:vmware12安装linux教程 编辑:程序博客网 时间:2024/06/18 12:32

AngularJS相关知识总结:

1.1定义应用

通过为任一HTML标签添加ng-app属性,可以指定一个应用,表示此标签所包裹的内容都属于应用(App)的一部分。
例如:

1.2定义模块

AngularJS提供了一个全局对象angular,在此全局对象下存在若干的方法,其中angular.module()方法用来定义一个模块。
//通过module方法定义模块
//需要传递两个参数,第一个表示模块的名称
//第二个表示此模块依赖的其他模块
var app = angular.module(‘app’,[]);
注:应用App其本质也是一个模块(一个比较大的模块)。

1.3定义控制器

控制器Controller作为连接模型Model和视图View的桥梁存在,所以当我们定义好了控制器以后也就定义好了模型和视图。
//app是一个模块实例对象
//通过这个实例对象定义控制器,需要两个参数,第1个参数表示控制器的名称。第2个参数是一个数组,这个数组除最后一个单元是函数外,其余都是字符串,表明此控制器的依赖关系。
app.controller(‘StudentController’,’scope,function(scope){
//模型Model
$scope = [
{name:’周杰伦’,sex:’男’,age:39},
{name:’周杰伦’,sex:’男’,age:39},
{name:’周杰伦’,sex:’男’,age:39}
];
};
模型Model数据是要展示视图View上的,所以需要将控制器Controller关联到视图View上,通过为HTML标签添加ng-controller属性

0 0