تُستخدم التعبيرات لربط بيانات التطبيق بـ HTML. تتم كتابة التعبيرات بأقواس مزدوجة مثل {{Expression}}. السلوك في التعبيرات هو نفسه توجيه NG-bind. تعبيرات تطبيق AngularJS هي تعبيرات جافا سكريبت نقية وإخراج البيانات التي يتم استخدامها هناك.
تنسيق التعبير AngularJS: {{expression}}
يمكن أن تكون تعبيرات AngularJS سلاسل وأرقام ومشغلات ومتغيرات
تشغيل الرقم {{1 + 5}}
سلسلة سلسلة {{'abc' + 'bcd'}}
عملية متغيرة {{firstName + "" + LastName}} ، {{Quantity * Cost}}
كائن {{person.lastname}}
Array {{Points [2]}}
مثال AngularJS
1. angularjs أرقام
<div ng-app = "" ng-init = "Quantity = 2 ؛ Cost = 5"> <p> السعر الإجمالي: {{Quantity * Cost}} </p> </viv>الإخراج مثال أعلاه:
السعر الإجمالي: 10
تعليقات الرمز:
ng-init = "الكمية = 2 ؛ التكلفة = 5" // مكافئة لكمية var = 2 ، التكلفة = 5 في JavaScript ؛
يمكن تحقيق نفس الوظيفة باستخدام NG-Bind
<div ng-app = "" ng-init = "Quantity = 1 ؛ cost = 5"> <p> السعر الإجمالي: <span ng-bind = "Quantity * Cost"> </p> // the ng-bind هنا يعادل INNERHTML من الممتد المحدد </div>
2. angularjs سلسلة
<div ng-app = "" ng-init = "firstName = 'John' ؛ lastName = 'Snow'"> <p> name: {{firstName + "" + LastName}} </p> </viv>الإخراج
الاسم: جون سنو
3. كائن AngularJS
<div ng-app = "" ng-init = "person = {firstName: 'John' ، lastName: 'Snow'}"> <p> الاسم الأخير هو {{person.lastname}} </p> </viv>الإخراج
الثلج
4. صفيف AngularJS
<div ng-app = "" ng-init = "points = [1،15،19،2،40]"> <p> القيمة الثالثة هي {{points [2]}} </p> </viv>الإخراج
القيمة الثالثة هي 19
ما ورد أعلاه هو مقدمة عن تعبيرات AngularJS من برنامج AngularJS التمهيدي الذي قدمه لك المحرر. آمل أن يكون ذلك مفيدًا لك!