นิพจน์ใช้เพื่อผูกข้อมูลแอปพลิเคชันกับ HTML นิพจน์ถูกเขียนในวงเล็บสองเท่าเช่น {{Expression}} พฤติกรรมในการแสดงออกเหมือนกับคำสั่ง NG-bind นิพจน์แอปพลิเคชัน AngularJS เป็นนิพจน์ JavaScript บริสุทธิ์และส่งออกข้อมูลที่ใช้ที่นั่น
ใช้หมายเลข
<p> ค่าใช้จ่ายในหนังสือ: {{ราคา * ปริมาณ}} rs </p>
ใช้สตริง
<p> สวัสดี {{student.firstname + "" + student.lastname}}! </p>
ใช้วัตถุ
<p> ม้วนหมายเลข: {{student.rollno}} </p>
ใช้อาร์เรย์
<p> เครื่องหมาย (คณิตศาสตร์): {{เครื่องหมาย [3]}} </p>
ตัวอย่าง
ตัวอย่างต่อไปนี้จะแสดงการแสดงออกทั้งหมดด้านบน
รหัสไฟล์ testangularjs.html มีดังนี้:
<Html> <title> นิพจน์ AngularJS </title> <body> <h1> แอปพลิเคชันตัวอย่าง </h1> <div ng-app = "" ng-init = "ปริมาณ = 1; ค่าใช้จ่าย = 30; นักเรียน = {firstName: 'mahesh', ชื่อสุดท้าย: 'parashar', Rollno: 101}; {{student.firstname + "" + student.lastname}}! </p> <p> ค่าใช้จ่ายในหนังสือ: {{ค่าใช้จ่าย * ปริมาณ}} rs </p> <p> ม้วนหมายเลข: {{student.rollno}} </p> <p> src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script> </body> </html>เอาท์พุท
เปิด textangularjs.html ในเว็บเบราว์เซอร์ ผลลัพธ์มีดังนี้:
ข้างต้นคือข้อมูลที่แยกแยะนิพจน์ AngularJS เราจะยังคงเพิ่มข้อมูลที่เกี่ยวข้องในอนาคต ขอบคุณสำหรับการสนับสนุนเว็บไซต์นี้!