ng-appChỉ thị AngularJS


Thí dụ

Để 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>

Định nghĩa và Cách sử dụng

Chỉ ng-appthị cho AngularJS biết rằng đây là phần tử gốc của ứng dụng AngularJS.

Tất cả các ứng dụng AngularJS phải có phần tử gốc.

Bạn chỉ có thể có một ng-appchỉ thị trong tài liệu HTML của mình. Nếu có nhiều ng-appchỉ thị xuất hiện, lần xuất hiệ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

Thí 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>