วันเสาร์ที่ 21 กุมภาพันธ์ พ.ศ. 2558

AngularJS part 5

Dependency Injection


>> พึ่งพาการฉีด? ใช่ครับ มันก็คือวิธีการออกแบบ software ให้จัดเตรียมบางสิ่งบางอย่างเอาไว้ (สมมติว่าเป็นวัคซีนในหลอดฉีดยา) แล้วส่งสิ่งเหล่านั้นให้กับผู้ที่ร้องขอ (จึงฉีดวัคซีนให้กับผู้ที่ต้องการ) เพื่อที่พวกเขาจะไม่ต้องเตรียมสิ่งดังกล่าวนี้เอง
- สร้าง controller ชื่อ textController
- ให้ textController นิยามฟังก์ชันแบบภาษาจาวาสคริปต์ที่เป็น anonymous (ฟังก์ชันแบบไม่มีชื่อ) แล้วร้องขอตัวแปรชื่อ $scope โดยวิธีการ inject (ตัวแปร $scope นั้น AngularJS เตรียมไว้ให้แล้วหรือก็คือวัคซีนแหละ พร้อมฉีดๆ)
- ผูก (bind) ตัวแปรชื่อ value เข้ากับตัวแปร $scope ให้ค่ามันเป็น "Where is the love?"
- เรียกใช้ controller ดังกล่าวด้วย directive ที่ชื่อ ng-controller ในแท็ก div
- แล้วแสดงผลค่าของตัวแปร value ที่แท็ก p ตามเคย

>> ผลลัพธ์คือ
- "Where is the love?" นั้นไปปรากฏอยู่ในแท็ก p เพราะ injection เข้ามาครับ

>> ศึกษาเพิ่มเติม
- https://docs.angularjs.org/guide/di

ไม่มีความคิดเห็น:

แสดงความคิดเห็น