ฉันได้เรียนรู้เกี่ยวกับการใช้งานขั้นพื้นฐานของ AngularJs มาก่อนดังนั้นที่นี่ฉันจะเรียนรู้เนื้อหาที่เกี่ยวข้องของการแสดงออกด้วย PDF
การแสดงออกใน AngularJs นั้นไม่เหมือนกับใน JS
ก่อนอื่นต้องวางนิพจน์ของมันไว้ใน {{}} ก่อนที่จะสามารถใช้งานได้ ประการที่สองเมื่อเทียบกับแนวคิดการแสดงออกใน JavaScript มันมีความแตกต่างดังต่อไปนี้:
1 ขอบเขตที่แตกต่างกัน
ฟังก์ชั่นเริ่มต้นใน JavaScript คือหน้าต่าง แต่มันแตกต่างกันใน AngularJs มันใช้การควบคุมขอบเขต $ เพื่อดำเนินการ
2 อนุญาตค่าที่ไม่ได้กำหนด
ใน AngularJS หากมีการใช้นิพจน์ที่ไม่ได้กำหนดจะไม่มีข้อผิดพลาดและค่า NULL จะถูกส่งคืนโดยตรง
3 ตัวกรอง
คุณสามารถใช้ | อักขระคำสั่งท่อในนิพจน์เพื่อเพิ่มตัวกรองคล้ายกับบรรทัดคำสั่งของ Unix
4 $ สัญลักษณ์
ใช้เพื่อแยกความแตกต่างของวิธีเชิงมุมจากวิธีการที่ผู้ใช้กำหนด
นี่คือรหัสเล็ก ๆ :
<! doctype html> <html ng-app> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <script src = "http://apps.bdimg.com/libs/angular.js/ </head> <body> <div ng-controller = "ctl"> ชื่อ: <อินพุต ng-model = "name" type = "text"> <button ng-click = "Reset ()"> รีเซ็ต </button> <br> {{}} <br> สวัสดี! {{test}} <br> ตัวกรอง: {{name | uppercase}} </div> <script type = "text/javascript"> ฟังก์ชั่น ctl ($ scope) {var str = "init"; $ scope.name = str; $ scope.reset = function () {$ scope.name = str; }} </script> </body> </html>ทริกเกอร์วิธีการรีเซ็ตผ่านการรีเซ็ตเพื่อรีเซ็ตเนื้อหาของตัวแปรชื่อ
ในนิพจน์มีการอ้างอิงการทดสอบที่ไม่ได้กำหนด แต่ไม่มีการรายงานข้อผิดพลาดและจะแสดงเป็นค่าเริ่มต้นโดยค่าเริ่มต้น - {{ทดสอบ}}
ในที่สุดใช้ตัวกรองเพื่อแปลงค่าของชื่อในนิพจน์เป็นตัวพิมพ์ใหญ่ - {{ชื่อ | ตัวพิมพ์ใหญ่}}
ผลการทำงาน:
ข้างต้นคือข้อมูลที่แยกแยะนิพจน์ AngularJS เราจะยังคงเพิ่มข้อมูลที่เกี่ยวข้องในอนาคต ขอบคุณสำหรับการสนับสนุน!