اتبع الخطوات أدناه لإنشاء تطبيق AngularJS
الخطوة 1: تحميل الإطار
كإطار JavaScript النقي ، يمكن إضافته باستخدام علامة <script>.
<script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script>
الخطوة 2: تحديد تطبيق AngularJS باستخدام توجيه NG-APP
<div ng-app = ""> ... </div>
الخطوة 3: اسم النمط المحدد بتوجيه NG-Model
<p> أدخل اسمك: <إدخال type = "text" ng-model = "name"> </p>
الخطوة 4: استخدم توجيه NG-bind لربط تعريف القيمة في النموذج أعلاه
<p> hello <span ng-bind = "name"> </span>! </p>
اتبع الخطوات أدناه لتشغيل تطبيق AngularJS
استخدم الخطوات الثلاث المذكورة أعلاه في صفحة HTML.
testangularjs.html
<html> <title> angularjs أول تطبيق </title> <body> <h1> تطبيق نموذج </h1> <div ng-app = ""> <p> اسمي: <input type = "text" src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script> </body> </html>
الإخراج
افتح textangularjs.html في متصفح الويب. الرجاء إدخال اسمك ومشاهدة النتائج.
كيفية دمج AngularJs مع HTML
يشير توجيه NG-APP إلى بدء تطبيق AngularJS.
يقوم توجيه NG-Model بإنشاء متغير نموذج يسمى "Name" في صفحة HTML ، ويحتوي على توجيه NG-App المستخدم في DIV.
يستخدم NG-Bind اسم النموذج طالما أن المستخدم يدخل شيئًا ما في مربع النص يتم عرضه في علامة HTML SPAN.
تشير علامة End </viv> إلى نهاية تطبيق AngularJS.
ما سبق هو تطبيق AngularJS البسيط. سنستمر في تنظيم المعلومات ذات الصلة في المستقبل. شكرا لك على دعمك لهذا الموقع.