ما هو 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 .