Hướng dẫn ng-app của AngularJS

Sách tham khảo AngularJS

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

hướng dẫn ng-app Hướng dẫn ng-app cho biết rằng đây là phần tử gốc của ứng dụng AngularJS.

Mọi ứng dụng AngularJS đều phải có một phần tử gốc.

Chỉ có thể có một hướng dẫn trong tài liệu HTML hướng dẫn ng-app Nếu có nhiều hướng dẫn ng-app Nếu có nhiều hướng dẫn, sẽ sử dụng hướng dẫn xuất hiện đầu tiên.

Mô hình

Ví dụ 1

Làm cho phần tử body trở thành phần tử gốc của ứng dụng AngularJS:

<body ng-app="">
<p>Biểu thức đầu tiên của tôi: {{ 5 + 5 }}</p>
</body>

Thử ngay

Ví dụ 2

Tải 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 = "Bill";
    $scope.lastName = "Gates";
});
</script>

Thử ngay

Cú pháp

<element ng-app="modulename">
...
  Nội dung trong phần tử gốc ng-app có thể chứa mã AngularJS
...
</element>

Được hỗ trợ bởi tất cả các phần tử HTML.

Tham số

Tham số Mô tả
modulename Tùy chọn. Đặt tên của mô-đun cần tải cùng với ứng dụng.

Sách tham khảo AngularJS