时间:2021-05-28
AngularJS控制器用来控制AngularJS applications的数据。
AngularJS控制器就是普通的JavaScript对象。
AngularJS控制器
AngularJS applications通过控制器进行控制。
ng-controller指令定义了一个application的控制器。
一个控制器就是一个JavaScript对象,它可以通过标准的JavaScript对象构造函数来创建。
代码解释:
AngularJS application通过ng-app="myApp"来定义。该application的有效作用域处于ng-app所在的<div>中。
ng-controller="myCtrl"属性即一个AngularJS指令,它定义了一个控制器。
myCtrl函数是一个普通的JavaScript函数。
AngularJS使用$scope对象来调用控制器。
在AngularJS中,$scope是一个application对象(即application变量和函数的所有者)。
控制器包含两个属性(或者叫变量):firstName和lastName。它们被附加到$scope对象上。
ng-model指令将input标签的值绑定到控制器的属性上(firstName和lastName)。
控制器的方法
上面的例子展示了控制器对象包含两个属性:lastName和firstName。
控制器也可以包含方法(将函数赋值给变量):
将控制器放在外部文件中
在大型应用中,常常会将控制器代码写在外部文件中。
将<script>标签中的代码拷贝到personController.js外部文件中:
另一个例子
创建一个新的控制器文件并命名为namesController.js:
然后再application中使用这个控制器文件:
以上所述就是本文的全部内容了,希望大家能够喜欢。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
AngularJS控制器AngularJS控制器控制AngularJS应用程序的数据。AngularJS控制器是常规的JavaScript对象。AngularJ
本文实例讲述了AngularJS控制器controller给模型数据赋初始值的方法。分享给大家供大家参考,具体如下:之前的文章《AngularJS入门示例之He
AngularJS应用主要依赖于控制器来控制数据在应用程序中的流动。控制器采用ng-controller指令定义。控制器是一个包含属性/属性和JavaScrip
本文实例讲述了AngularJS实现自定义指令与控制器数据交互的方法。分享给大家供大家参考,具体如下:AngularJS自定义指令与控制器数据交互angular
AngularJS应用主要依赖于控制器来控制数据在应用程序中的流动。控制器采用ng-controller指令定义。控制器是一个包含属性/属性和JavaScrip