นิพจน์ใช้เพื่อผูกข้อมูลแอปพลิเคชันกับ HTML นิพจน์ถูกเขียนในวงเล็บสองเท่าเช่น {{Expression}} พฤติกรรมในการแสดงออกเหมือนกับคำสั่ง NG-bind นิพจน์แอปพลิเคชัน AngularJS เป็นนิพจน์ JavaScript บริสุทธิ์และส่งออกข้อมูลที่ใช้ที่นั่น
รูปแบบนิพจน์ Angularjs: {{Expression}}
นิพจน์ AngularJS อาจเป็นสตริงตัวเลขตัวดำเนินการและตัวแปร
การดำเนินการหมายเลข {{1 + 5}}
สตริง concatenation {{'abc' + 'bcd'}}}
การทำงานของตัวแปร {{firstName + "" + lastName}}, {{ปริมาณ * ราคา}}
วัตถุ {{person.lastname}}
อาร์เรย์ {{คะแนน [2]}}
ตัวอย่าง Angularjs
1.Angularjs ตัวเลข
<div ng-app = "" ng-init = "ปริมาณ = 2; cost = 5"> <p> ราคารวม: {{ปริมาณ * ต้นทุน}} </p> </div>เอาต์พุตตัวอย่างข้างต้น:
ราคารวม: 10
รหัสความคิดเห็น:
ng-init = "ปริมาณ = 2; ค่าใช้จ่าย = 5" // เทียบเท่ากับปริมาณ var = 2, ค่าใช้จ่าย = 5 ในจาวาสคริปต์;
ฟังก์ชั่นเดียวกันสามารถทำได้โดยใช้ NG-bind
<div ng-app = "" ng-init = "ปริมาณ = 1; cost = 5"> <p> ราคารวม: <span ng-bind = "ปริมาณ * ต้นทุน"> </span> </p> // ng-bind ที่นี่เทียบเท่ากับ innerhtml ของช่วงที่ระบุ </div>
2. angularjs สตริง
<div ng-app = "" ng-init = "firstName = 'john'; lastName = 'snow'"> <p> ชื่อ: {{firstName + "" LastName}} </p> </div>เอาท์พุท
ชื่อ: Jone Snow
3. วัตถุ AngularJS
<div ng-app = "" ng-init = "person = {firstName: 'John', LastName: 'Snow'}"> <p> นามสกุลคือ {{person.lastName}} </p> </div>เอาท์พุท
หิมะ
4. angularjs อาร์เรย์
<div ng-app = "" ng-init = "คะแนน = [1,15,19,2,40]"> <p> ค่าที่สามคือ {{คะแนน [2]}} </p> </div>เอาท์พุท
ค่าที่สามคือ 19
ข้างต้นคือการแนะนำการแสดงออกของ AngularJS ของบทช่วยสอนเบื้องต้นของ AngularJS แนะนำโดยบรรณาธิการ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ!