AngularJS 控制器
-
定义和使用
AngularJS 控制器控制AngularJS应用程序的数据。AngularJS 控制器是常规的JavaScript对象。AngularJS 应用程序由控制器控制。ng-controller
指令定义了应用程序控制器。控制器是由标准JavaScript对象构造函数创建的JavaScript对象。应用说明:AngularJS 应用程序由ng-app="myApp"
定义。 该应用程序在 <div> 内部运行。ng-controller="myCtrl"
属性是AngularJS指令。 它定义了一个控制器。myCtrl函数是JavaScript函数。AngularJS 将使用 $scope 对象调用控制器。在AngularJS中,$scope 是应用程序对象(应用程序变量和函数的所有者)。控制器在范围内创建两个属性(变量)(firstName和lastName)。ng-model
指令将输入字段绑定到控制器属性(firstName和lastName)。 -
控制器方法
上面的示例演示了具有两个属性的控制器对象:lastName和firstName。控制器也可以具有方法(变量作为函数): -
外部文件中的控制器
在较大的应用程序中,通常将控制器存储在外部文件中。只需将<script>标记之间的代码复制到名为personController.js的外部文件中:personController.js 内容 -
外部文件另一个示例
对于下一个示例,我们将创建一个新的控制器文件:将文件另存为namesController.js:然后在应用程序中使用控制器文件: