ما هو AngularJS؟
يسمح لك AngularJS بتوسيع HTML باستخدام سمات HTML تسمى التوجيهات
توفر توجيهات AngularJS وظائف لتطبيقات HTML
يوفر AngularJS توجيهات مدمجة وتوجيهات يحددها المستخدم
توجيهات AngularJS
تستخدم AngularJS أقواس مزدوجة كحوامل {{ }}
مكان للبيانات.
توجيهات AngularJS هي سمات HTML مع البادئةng-
يقوم ng-app
التوجيه بتهيئة تطبيق AngularJS.
التوجيه ng-init
يهيئ بيانات التطبيق.
مثال
<div ng-app="" ng-init="message='Hello AngularJS!'">
<h1>{{ message }}</h1>
</div>
توجيه النمذجة
يربط ng-model
التوجيه قيمة عناصر HTML ببيانات التطبيق.
مثال
<div ng-app="" ng-init="firstName='John'">
<p>Name: <input type="text" ng-model="firstName"></p>
<p>You
wrote: <b>{{firstName}}</b></p>
</div>
توجيه ng-bind
يربط ng-bind
التوجيه البيانات بنموذج.
مثال
<div ng-app="" ng-init="firstName='John'">
<p>Name: <input type="text" ng-model="firstName"></p>
<p>You
wrote <b ng-bind="firstName"></b></p>
</div>
دروس AngularJS الكاملة
لقد كان هذا وصفًا موجزًا لـ AngularJS.
للحصول على برنامج تعليمي AngularJS كامل ، انتقل إلى W3Schools AngularJS Tutorial .
للحصول على مرجع AngularJS الكامل ، انتقل إلى مرجع W3Schools AngularJS .