上一节:
下一节:

  AngularJS ng-controller 指令

  • 定义和用法

    ng-controller 指令将控制器添加到您的应用程序。
    在控制器中，您可以编写代码，并使函数和变量（将成为对象的一部分）在当前 HTML 元素内可用。 在 AngularJS 中，此对象称为范围。

  • 语法

    <element ng-controller="expression"></element>
    所有HTML元素都支持。

  • 参数

    参数 必需的 描述
    expression 是 控制器的名称。

  • 示例

    下例演示了 ng-controller 指令定义了应用程序控制器： 
    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到蝴蝶教程</title>
<script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
</head>
<body>
    <p>尝试更改名称。</p>
    <div ng-app="myApp" ng-controller="myCtrl">
        First Name: <input type="text" ng-model="firstName"><br>
        Last Name: <input type="text" ng-model="lastName"><br>
        <br>
        Full Name: {{ firstName + " " + lastName }}
    </div>
    <script>
        var app = angular.module('myApp', []);
        app.controller('myCtrl', function($scope) {
            $scope.firstName = "John";
            $scope.lastName = "Doe";
        });
    </script>
</body>
</html>
    尝试一下

  • 相关页面

返回 AngularJS 参考手册
上一节:
下一节: