تفسير بدء AngularJS وإجراءات الشيفرة مثال

بالنسبة للمستخدمين العاديين، عادة ما يتم ربط ng-app يدويًا إلى عنصر DOM معين في AngularJS. ولكن في بعض التطبيقات، هذا يمكن أن يكون غير مريح.

تهيئة الربط

بالرغم من أن عملية الربط لتهيئة Angular تعيد كود JavaScript إلى HTML، إلا أن ذلك يكفي للمبتدئين!

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script src="http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"></script>
</head>
<body ng-app="myApp">
  <div ng-controller="myCtrl">
    {{ hello }}
  </div>
  <script type="text/javascript">
    var myModule = angular.module("myApp",[]);
    myModule.controller("myCtrl",function($scope){
      $scope.hello = "hello,angular!";
    });
  </script>
</body>
</html>

بعد التشغيل، سيتم عرض رسالة "hello,angular!"!

تهيئة يدوية

يقدم Angular أيضًا واجهة برمجة تطبيقات يدوية - bootstrap، ويكون استخدامها كالتالي:

angular.bootstrap(element, [modules], [config]);

من بينها المعامل الأول element: هو العنصر DOM المربوط ب ng-app؛

modules: أسماء الموديولات المربوطة
config: إعداد إضافي

ببساطة، دعونا نلقي نظرة على الكود:

<html>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script src="http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"></script>
<body id="body">
  <div ng-controller="myCtrl">
    {{ hello }}
  </div>
  <script type="text/javascript">
    var app = angular.module("bootstrapTest",[]);
    app.controller("myCtrl",function($scope){
      $scope.hello = "hello,angular from bootstrap";
    });
    // angular.bootstrap(document.getElementById("body"),['bootstrapTest']);
    angular.bootstrap(document,['bootstrapTest']);
  </script>
</body>
</html>

من المهم ملاحظة:

سيقوم angular.bootstrap بتحديد الوجبات فقط مرة واحدة عند التحميل.

كل التزامات التكرار أو التزامات الأجسام الأخرى، ستتم إظهار رسائل تحذير بالخطأ في الشاشة.

هذا هو جمع المعلومات حول AngularJS bootstrap، وسنواصل إضافة المعلومات ذات الصلة لاحقًا، شكرًا للجميع على دعم هذا الموقع!

البيان: محتويات هذا المقال تم جمعها من الإنترنت، ويتمتع المالك الأصلي بحقوق الطبع والنشر، ويتم إدراج المحتوى من قبل المستخدمين عبر الإنترنت بشكل تلقائي، ولا يملك هذا الموقع حقوق الملكية، ولا يتم تعديل المحتوى بشكل إنساني، ولا يتحمل الموقع أي مسؤولية قانونية متعلقة بذلك. إذا اكتشفتم محتوى مخالف لحقوق النشر، يرجى إرسال بريد إلكتروني إلى: notice#oldtoolbag.com (عند إرسال البريد الإلكتروني، يرجى استبدال '#' بـ '@') للإبلاغ، وتقديم الدليل المتعلق، وسيتم حذف المحتوى المزعوم الذي تم اكتشافه فورًا.

تعليمية الأساس

تحب أن تراه