AngularJS ng-controller 指令

定义和用法

ng-controller 指令将控制器添加到您的应用程序中。

在控制器中，您可以编写代码，并创建函数和变量，这些函数和变量将作为对象的一部分，在当前 HTML 元素中可用。在 AngularJS 中，这个对象被称为作用域（scope）。

实例

添加一个控制器来处理您的应用程序变量：

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

全名：{{firstName + " " + lastName}}

</div>

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

亲自试一试

语法

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

所有 HTML 元素都支持。

参数