AngularJS Chapter 5: Expression

Watcharamet
AngularJS@Thailand
Published in
1 min readMay 16, 2018

คำนี้เป็นคำที่จะต้องได้ยินเมื่อมาเรียนรู้เรื่อง Angular จริงๆแล้วคำว่า Expression หมายถึงคำสั่งที่ไว้ใช้สำหรับแสดงผลออกทางหน้าจอ เหมือนคำสั่ง echo ในภาษา php และคำสั่ง print ในภาษา javascript

ดูตัวอย่าง

ถามว่าทำไมต้องเรียกว่า Expression แทนที่จะเรียก Display หรืออะไรอย่างอื่น ตอบว่า เหตุที่เรียกว่า Expression ก็เพราะว่าภายในเครื่องหมาย {{}} นั้น นอกจากจะแสดงค่าในตัวแปรแล้ว ยังสามารถเขียนคำสั่งสั้นๆแบบบรรทัดเดียว ที่เขาเรียกว่า Expression ลงไปได้ด้วย ดูตัวอย่าง

ตรงคำสั่ง {{ age+1 }}

ถ้าท่านสังเกตในโค้ดนิดหนึ่งจะเห็นบรรทัดนี้ {{ name | uppercase }} นอกจากแสดงค่าตัวแปร name แล้วมันยังมี | uppercase เพิ่มเข้ามาด้วย ตรงนี้เขาเรียก filter ไว้สำหรับเปลี่ยนแปลงค่าในตัวแปร filter นี่ที่แท้แล้วเป็นฟังก์ชั่นๆหนึ่ง ในบทหน้าๆเราจะมาว่ากันเรื่องของ filter ว่ามันมีอะไรบ้าง

ครับมีเพียงเท่านี้แหละ Expression ไม่ได้เป็นอะไรมากไปกว่าการแสดงผลจากตัวแปรบนหน้าเว็บ

--

--

Watcharamet
AngularJS@Thailand

เพศชาย หน้าตาร้ายๆ อายุ 40 อัพ