การผูกข้อมูล 2 ทางใน AngularJS คืออะไร
การผูกข้อมูล 2 ทางใน AngularJS คืออะไร

วีดีโอ: การผูกข้อมูล 2 ทางใน AngularJS คืออะไร

วีดีโอ: การผูกข้อมูล 2 ทางใน AngularJS คืออะไร
วีดีโอ: Two way databinding in AngularJS 2024, พฤศจิกายน
Anonim

สอง - ทางผูกพัน

การผูกข้อมูลใน AngularJS คือการซิงโครไนซ์ระหว่างโมเดลและมุมมอง เมื่อไหร่ ข้อมูล ในการเปลี่ยนแปลงรูปแบบ มุมมองสะท้อนถึงการเปลี่ยนแปลง และเมื่อ ข้อมูล ในการเปลี่ยนแปลงมุมมอง โมเดลก็อัพเดตเช่นกัน

ต่อมาอาจมีคนถามอีกว่า การผูกข้อมูลแบบสองทางคืออะไร?

สอง - ทางผูกพัน หมายความว่า ใดๆ ข้อมูล การเปลี่ยนแปลงที่เกี่ยวข้องซึ่งส่งผลต่อโมเดลจะแพร่กระจายไปยังมุมมองที่ตรงกันทันที และการเปลี่ยนแปลงใดๆ ที่ทำในมุมมอง (โดยผู้ใช้) จะมีผลทันทีในโมเดลพื้นฐาน เมื่อแอพ ข้อมูล การเปลี่ยนแปลง UI ก็เช่นกัน และในทางกลับกัน

นอกจากนี้ คุณจะสร้างการผูกข้อมูลแบบสองทางในเชิงมุมได้อย่างไร โดยใช้ สอง - วิธีการผูกข้อมูล . สอง - วิธีผูกข้อมูล รวมอินพุตและเอาต์พุต ผูกพัน เป็นสัญกรณ์เดียวโดยใช้คำสั่ง ngModel ถึง สร้าง องค์ประกอบของคุณเองที่รองรับ สอง - ทางผูกพัน คุณต้องกำหนดคุณสมบัติ @Output เพื่อให้ตรงกับ @Input แต่ต่อท้ายด้วย Change

เมื่อคำนึงถึงสิ่งนี้ อะไรคือความแตกต่างระหว่างการเชื่อมทางเดียวและการโยงสองทางใน AngularJS

ผูกพันทางเดียว เป็น ผูก ข้อมูลจากแบบจำลองที่จะดู อีกด้วย การผูกสองทาง เป็น ผูก ข้อมูลจากแบบจำลองเพื่อดูและดูไปยังแบบจำลอง สองทาง ข้อมูล ผูกพัน -> การเปลี่ยนแปลงใด ๆ ในฟิลด์ UI จะอัพเดตโมเดล และการเปลี่ยนแปลงใด ๆ ในโมเดลจะอัพเดตฟิลด์ UI ทางเดียว ข้อมูล ผูกพัน เป็นวิธีที่ดีกว่าเนื่องจากการไหลของข้อมูลแบบทิศทางเดียว

การผูกข้อมูลทางเดียวและการผูกข้อมูลแบบสองทางคืออะไร?

สิ่งที่เป็น สอง - วิธีผูกข้อมูล และ หนึ่ง - ข้อมูลทาง ไหลลื่น และแตกต่างกันอย่างไร? การผูกข้อมูลแบบสองทาง หมายความว่าฟิลด์ UI ถูกผูกไว้กับ model ข้อมูล แบบไดนามิก ดังนั้นเมื่อฟิลด์ UI เปลี่ยนไป model ข้อมูล การเปลี่ยนแปลงกับมันและในทางกลับกัน ข้อมูลทางเดียว การไหลหมายความว่าแบบจำลองเป็นแหล่งความจริงเพียงแหล่งเดียว

แนะนำ: