现在位置: 首页 > AngularJS 教程 > 正文

AngularJS ng-controller 指令

AngularJS 参考手册 AngularJS 参考手册


AngularJS 实例

为应用变量添加控制器:

<div ng-app="myApp" ng-controller="myCtrl">

Full Name: {{firstName + " " + lastName}}

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName = "John";
    $scope.lastName = "Doe";
});
</script>

尝试一下 »

定义和用法

ng-controller 指令用于为你的应用添加控制器。

在控制器中,你可以编写代码,制作函数和变量,并使用 scope 对象来访问。


语法

<element ng-controller="expression"></element>

所有 HTML 元素都支持。


参数值

描述
expression 控制器名。

AngularJS 参考手册 AngularJS 参考手册