دستور ng-app AngularJS

تعریف و استفاده

دستور ng-app دستور ng-app به AngularJS می‌گوید که این عنصر ریشه برنامه AngularJS است.

تمام برنامه‌های AngularJS باید یک عنصر ریشه داشته باشند.

در یک مستند HTML فقط یک دستور ng-app اگر چندین دستور ng-app اگر چندین دستور داده شود، از اولین دستور استفاده خواهد شد.

مثال

مثال 1

عنصر body را به عنوان عنصر ریشه برنامه AngularJS قرار دهید:

<body ng-app="">
<p>عبارت اول من: {{ 5 + 5 }}</p>
</body>

آزمایش کنید

مثال 2

مодуل‌ها را بارگذاری کنید تا در برنامه اجرا شوند:

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

آزمایش کنید

قوانین دستور زبان

<element ng-app="modulename">
...
  محتوای داخل عنصر ریشه ng-app می‌تواند کد AngularJS را شامل شود
...
</element>

پشتیبانی از تمام عناصر HTML.

پارامترها

پارامترها توضیح
modulename اختیاری. نام مودول‌هایی که باید با برنامه بارگذاری شوند را مشخص کنید.