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 元素都支持。

參數