首页 > Web开发 > 详细

AngularJS控制器

时间:2015-11-24 01:06:25      阅读:482      评论:0      收藏:0      [点我收藏+]

 

AngularJS控制器AngularJS控制应用程序的数据.是常规的js对象。
ng-controller指令定义了应用程序控制器。
控制器是Javascript对象,由标准的Javascript对象的构造函数创建。
实例:

名:
姓:
姓名:{{fisrtName+""+lastName}}
过程解析: 由ng-app定义应用程序在内运行-->有ng-controller指令定义一个控制器 myCtrl是一个js函数-->通过$scope调用控制器 在AngularJs中$scope是一个应用象(属于应用变量和函数)
控制器的$scope(相当于作用域。控制范围) 用来保存AngularJS Model(模型)的对象。 上面的例子中控制器在作用域中创建了两个属性即firstName和lastName; ng-model指令绑定输入域到控制器的属性(firstName和lastName) 控制器除了有上面的属性对象外还有自己的方法即变量和函数:
名:
姓:
姓名:{{fullName()}}
外部文件中的控制器即把js文件的内容放在一个js文件里面。
然后引用即可。
通过创建新的控制器文件被应用到实例中:
新的控制器namesController.js文件内容如下:
angular.module(‘myApp‘,[]).controller(‘namesCtrl‘,function($scope) {

$scope.names=[
{name:‘tom‘,age:23},
{name:‘jeeny‘,age=22},
{name:‘mary‘,age=19} ];
});
使用上面的文件:
<div ng-app="myApp" ng-controller="namesCtrl">
<ul>
<li ng-repeat=‘x in names‘>
{{x.name+‘,‘+x.age}}
</li>
</ul>
</div>

摘录自runoob.com。旨在通过自己的语言加深对AngularJS的学习、理解和记忆。

AngularJS控制器

原文:http://www.cnblogs.com/professional-NET/p/4990178.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!