English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

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

دليل مرجعي لـ AngularJS

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
<p>عبارتي الأولى: {{ 5 + 5 }}</p>
</body>
</html>
اختبار لرؤية ‹/›

التعريف والاستخدام

ng-app تعليمة ng-app تستخدم لتخبر تطبيق AngularJS أن هذا العنصر هو العنصر الجذر.

كل تطبيق AngularJS يجب أن يكون لديه عنصر جذر واحد.

فلا يمكن استخدام أكثر من تعليمة واحدة في مستند HTML ng-app إذا كانت هناك عدة ng-app إذا كانت هناك تعليمات، سيتم استخدام الأولى فقط.

النحو

<element ng-app="modulename">
...
 في ng-app 
   المحتوى الموجود على العنصر الجذر يمكن أن يحتوي على كود AngularJS
...
</element>
جميع عناصر HTML يدعم هذه التعليمات.

قيمة المعامل

قيمةوصف
modulenameاختياري. تحديد اسم وحدة التطبيق.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<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>
</body>
</html>
اختبار لرؤية ‹/›

دليل مرجعي لـ AngularJS