Perintah ng-app AngularJS

Definisi dan penggunaan

ng-app Perintah mengatakan kepada AngularJS bahwa ini adalah elemen akar aplikasi AngularJS.

Semua aplikasi AngularJS harus memiliki elemen akar.

Hanya dapat ada satu di dokumen HTML ng-app Jika muncul beberapa ng-app Jika terdapat beberapa perintah, maka akan digunakan perintah yang muncul pertama kali.

Contoh

Contoh 1

Jadikan elemen body sebagai elemen utama aplikasi AngularJS:

<body ng-app="">
<p>Ekspresi pertama saya:{{ 5 + 5 }}</p>
</body>

Cuba sendiri

Contoh 2

Muat modul untuk menjalankan di aplikasi:

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

Cuba sendiri

Sintaks

<element ng-app="modulname">
...
  Kandungan di dalam elemen root ng-app boleh mengandungi kod AngularJS
...
</element>

Dipenuhi oleh semua elemen HTML.

Parameter

Parameter Deskripsi
modulname Pilihan. Tentukan nama modul yang hendak dimuat bersama-sama dengan aplikasi.