ملخص
يشرح هذا القسم عملية تهيئة AngularJS وكيف يجب عليك تعديل تهيئة AngularJS عند الحاجة.
tag AngularJS <script>
يوضح هذا المثال طريقتنا الموصى بها لدمج AngularJS ، والتي تسمى "التلقائي التلقائي".
نسخة الكود كما يلي:
<! doctype html>
<html xmlns: ng = "http://angularjs.org" ng-app>
<body>
...
<script src = "Angular.js"> <script>
</body>
</html>
تنسيق
1. ضع علامة البرنامج النصي في الكود أعلاه في أسفل الصفحة. يؤدي وضع علامة البرنامج النصي في الأسفل إلى تقصير وقت تحميل التطبيق ، لأن تحميل HTML لن يتم حظره عن طريق تحميل البرنامج النصي angular.js. يمكنك الحصول على أحدث إصدار من http://code.angularjs.org. يرجى عدم الرجوع إلى عنوان URL هذا في الكود الخاص بك ، لأنه سيعرض مخاطر الأمان لموقعك. إذا كان مجرد تطور تجريبي ، فلا توجد مشكلة في الارتباط بموقعنا.
1) .angular- [الإصدار] .js هي نسخة قادة مناسبة للتطوير والتصحيح.
2) .angular- [الإصدار] .min.js هو نسخة مضغوطة ومثبتة ، مناسبة للنشر في المنتجات المقولبة.
2. يرجى وضع توجيه NG-App في عقدة الجذر لعلامة التطبيق. إذا كنت تريد تنفيذ AngularJS تلقائيًا البرنامج <html> بالكامل ، فضعه في علامة <html>.
نسخة الكود كما يلي:
<html ng-app>
3. إذا كنت ترغب في استخدام الإصدار القديم من بناء جملة التعليمات: ng: ، فأنت بحاجة أيضًا إلى كتابة XML-Namespace في <html> لجعل AngularJS يعملون بشكل طبيعي تحت IE. (يتم ذلك لبعض الأسباب التاريخية ، ولا نوصي بالاستمرار في استخدام NG: Syntax.)
نسخة الكود كما يلي:
<html xmlns: ng = "http://angularjs.org">
التهيئة التلقائية
سيتم تنفيذ AngularJS عندما يتم تشغيل الحدث الذي تم تحميله في DomContentNoved وسيستخدم توجيه NG-App للعثور على نطاق جذر التطبيق الخاص بك. إذا تم العثور على توجيه NG-APP ، فإن AngularJS سوف:
1. تحميل الوحدات النمطية المتعلقة بمحتوى التعليمات.
2. قم بإنشاء تطبيق "حاقن".
3. علامة توجيه NG-App هي عقدة الجذر لتجميع DOM. يتيح لك ذلك تحديد جزء فقط من DOM كتطبيق AngularJS.
نسخة الكود كما يلي:
<! doctype html>
<html ng-app = "intervinaledulename">
<body>
يمكنني إضافة: {{1+2}}.
<script src = "Angular.js"> </script>
</body>
</html>
التهيئة اليدوية
إذا كنت بحاجة إلى أخذ المبادرة للتحكم في عملية التهيئة ، فيمكنك استخدام طريقة تنفيذ برنامج التمهيد يدويًا. على سبيل المثال ، عند استخدام "محمل نص" أو تحتاج إلى القيام ببعض العمليات قبل أن يجمع AngularJS الصفحة ، ستستخدمها.
يوضح المثال التالي كيفية تهيئة AngularJs يدويًا. تأثيره يعادل استخدام توجيه NG-APP.
نسخة الكود كما يلي:
<! doctype html>
<html xmlns: ng = "http://angularjs.org">
<body>
مرحبا بالعالم'}}!
<script src = "http://code.angularjs.org/angular.js"> </script>
<script>
Angular.Element (document) .Ready (function () {
Angular.Bootstrap (وثيقة) ؛
}) ؛
</script>
</body>
</html>
فيما يلي بعض الطلبات التي يجب أن يتبعها الرمز الخاص بك:
1. بعد تحميل الصفحة وجميع البرامج النصية ، ابحث عن عقدة الجذر لقالب HTML - عادةً عقدة الجذر للمستند.
2. استدعاء API/Angular.bootstrap لتجميع القالب في تطبيق قابل للتنفيذ وربط البيانات.