English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
تستخدم التعبيرات لربط بيانات التطبيق بـ HTML. يتم كتابة التعبيرات داخل الأقواس المزدوجة، مثل {{expression}}. تصرف التعبيرات مثل تعليمات ngbind. تعبيرات AngularJS هي تعبيرات JavaScript نظيفة وتقوم بإخراج البيانات في المكان الذي تستخدم فيه.
<p>تكاليف الكتب: {{cost * quantity}} Rs</p><p>مرحبًا {{student.firstname + " " + student.lastname}}!</p><p>رقم الطلاب: {{student.rollno}}</p><p>نقاط(Math): {{marks[3]}}</p>في هذا المثال، يتم عرض استخدام جميع التعبيرات المذكورة أعلاه -
<html>
<head>
<title>تعبيرات AngularJS</title>
</head>
<body>
<h1>تطبيق نموذجي</h1>
<div ng-app="" ng-init="quantity = 1;cost = 30;">
student = {firstname:'Mahesh',lastname:'Parashar',rollno:101};
marks = [80,90,75,73,60]">
<p>مرحبًا {{student.firstname + " " + student.lastname}}!</p>
<p>تكاليف الكتب: {{cost * quantity}} Rs</p>
<p>رقم الطلاب: {{student.rollno}}</p>
<p>نقاط(Math): {{marks[3]}}</p>
</div>
<script src="https://cdn.staticfile.org/angular.js/1.3.14/angular.min.js">
</script>
</body>
</html>اختبار لمعرفة‹/›النتائج الصادرة
افتح ملف في متصفح الويبtestAngularJS.htmوشاهد النتائج.