AngularJS ng-app
指令
定義和用法
ng-app
指令告訴 AngularJS 這是 AngularJS 應用程式的根元素。
所有 AngularJS 應用程式都必須有一個根元素。
您的 HTML 文件中只能有一個 ng-app
指令。如果出現多個 ng-app
指令,將使用第一個出現的指令。
語法
<元素 ng-app="模組名稱">
...
ng-app 根元素內部的內容可以包含 AngularJS 程式碼
...
</元素>
所有 HTML 元素均支援。
引數值
值 | 描述 |
---|---|
模組名稱 | 可選。指定要與應用程式一起載入的模組的名稱 |
示例
載入模組以在應用程式中執行
<div ng-app="myApp" ng-controller="myCtrl">
{{ firstName + " " + lastName }}
</div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});
</script>
自己動手試一試 »