AngularJS ng-controller 指令

实例

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

<!DOCTYPE html>
<html>
<script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
<body>
<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>
<p>这个例子展示了如何定义一个控制器，以及如何使用为作用域创建的变量。</p>
</body>
</html>

运行一下

定义与用法

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

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

语法

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

由所有 HTML 元素支持。

参数值

值	描述
expression	控制器的名称

AngularJS ng-controller 指令

实例

定义与用法

语法

参数值

分类导航