Chỉ thị ng-app
của AngularJS
Ví dụ
Hãy để phần tử body trở thành phần tử gốc cho ứng dụng AngularJS:
<body ng-app="">
<p>My first expression: {{ 5 + 5
}}</p>
</body>
Hãy tự mình thử »Định nghĩa và cách sử dụng
Lệnh ng-app
cho AngularJS biết rằng đây là thành phần gốc của ứng dụng AngularJS.
Tất cả các ứng dụng AngularJS đều phải có phần tử gốc.
Bạn chỉ có thể có một lệnh ng-app
trong tài liệu HTML của mình. Nếu có nhiều hơn một lệnh ng-app
xuất hiện, giao diện đầu tiên sẽ được sử dụng.
Cú pháp
< element ng-app=" modulename ">
...
content inside the ng-app
root element can contain AngularJS code
...
</ element >
Được hỗ trợ bởi tất cả các phần tử HTML.
Giá trị tham số
Value | Description |
---|---|
modulename | Optional. Specifies the name of a module to load with the application |
Ví dụ
Tải một mô-đun để chạy trong ứng dụng
<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>
Hãy tự mình thử »