تعليمات ng-app لـ AngularJS

دليل مرجعي 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>

جرب بنفسك

اللغة

<عنصر ng-app="اسم المكون">
...
  المحتوى داخل عناصر الجذر ng-app يمكن أن يحتوي على كود AngularJS
...
</عنصر>

يدعم جميع عناصر HTML.

المتغيرات

المتغيرات وصف
اسم المكون اختياري. تحديد اسم المكون الذي يتم تحميله مع التطبيق.

دليل مرجعي AngularJS