手册
目录
AngularJS 应用程序由控制器控制。
ng-controller 指令定义应用程序控制器。
控制器是由标准的 JavaScript 对象构造器创建的 JavaScript 对象。
运行实例 »名字:
姓氏:
全名: {{firstName + " " + lastName}}
点击 "运行实例" 按钮查看在线实例
AngularJS 应用程序由 ng-app="myApp" 定义。应用程序在
ng-controller="myCtrl" 属性是一个 AngularJS 指令。它定义了一个控制器。
myCtrl 函数是一个 JavaScript 函数。
AngularJS 将使用 $scope 对象调用控制器。
在 AngularJS 中，$scope 是应用程序对象（应用程序变量和函数的所有者）。
控制器在范围（firstName 和 lastName）中创建两个属性（变量）。
ng-model 指令将输入字段绑定到控制器属性（firstName 和 lastName）。
上面的示例演示了一个具有两个属性：lastName 和 firstName 的控制器对象。
控制器还可以具有方法（作为函数的变量）：
运行实例 »名字:
姓氏:
全名: {{fullName()}}
点击 "运行实例" 按钮查看在线实例
在较大的应用程序中，将控制器存储在外部文件中是很常见的。
只需将 运行实例 »
点击 "运行实例" 按钮查看在线实例
对于下一个示例，我们将创建一个新的控制器文件：
angular.module('myApp', []).controller('namesCtrl', function($scope) {
$scope.names = [
{name:'Jani',country:'Norway'},
{name:'Hege',country:'Sweden'},
{name:'Kai',country:'Denmark'}
];
});
将文件保存为 namesController.js：
然后在应用程序中使用控制器文件：
运行实例 »
- {{ x.name + ', ' + x.country }}
点击 "运行实例" 按钮查看在线实例
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.2万人学习
共49课时
77万人学习
共29课时
61.7万人学习
共25课时
39.3万人学习
共43课时
71万人学习
共25课时
61.6万人学习
共22课时
23万人学习
共28课时
33.9万人学习
共89课时
125万人学习
