AngularJS 学习笔记---AngularJS控制器(controller)
AngularJS控制器AngularJS 控制器控制AngularJS 应用程序的数据。 AngularJS 控制器是常规的JavaScript 对象。 AngularJS 控制器AngularJS 应用程序被控制器控制。 ng-controller指令定义了应用程序控制器。 控制器是JavaScript 对象,由标准的 JavaScript对象的构造函数创建。 AngularJS 实例<divng-app="myApp"ng-controller="myCtrl">
应用解析: AngularJS 应用程序由ng-app定义。应用程序在 <div> 内运行。 ng-controller="myCtrl"属性是一个 AngularJS 指令。用于定义一个控制器。 myCtrl函数是一个 JavaScript 函数。 AngularJS 使用$scope对象来调用控制器。 在 AngularJS 中, $scope 是一个应用象(属于应用变量和函数)。 控制器的$scope(相当于作用域、控制范围)用来保存AngularJS Model(模型)的对象。 控制器在作用域中创建了两个属性 (firstName和lastName)。 ng-model指令绑定输入域到控制器的属性(firstName 和 lastName)。 控制器方法上面的实例演示了一个带有 lastName 和 firstName 这两个属性的控制器对象。 控制器也可以有方法(变量和函数): AngularJS 实例<divng-app="myApp"ng-controller="personCtrl">
外部文件中的控制器在大型的应用程序中,通常是把控制器存储在外部文件中。 只需要把 <script> 标签中的代码复制到名为personController.js的外部文件中即可: AngularJS 实例<divng-app="myApp"ng-controller="personCtrl">
其他实例以下实例创建一个新的控制器文件: angular.module('myApp',[]).controller('namesCtrl',function($scope) { 保存文件为namesController.js: 然后,在应用中使用控制器文件: AngularJS 实例<divng-app="myApp"ng-controller="namesCtrl">
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |