ในบริบทของการอภิปรายเอกสารเชิงมุมคำว่า "โมเดล" สามารถนำไปใช้กับวัตถุเดียวที่แสดงถึงเอนทิตี (ตัวอย่างเช่นโมเดลที่เรียกว่า "โทรศัพท์" ซึ่งมีค่าเป็นอาร์เรย์โทรศัพท์) หรือเป็นแบบจำลองข้อมูลเต็มรูปแบบของแอปพลิเคชัน (เอนทิตีทั้งหมด)
ในเชิงมุมโมเดลสามารถเป็นข้อมูลใด ๆ และสามารถรับแบบจำลองผ่านคุณสมบัติของวัตถุขอบเขตของเชิงมุม ชื่อของคุณสมบัติคือตัวระบุของโมเดลและค่าสามารถเป็นวัตถุ JavaScript ใด ๆ (รวมถึงอาร์เรย์และข้อมูลดิบ)
เงื่อนไขเดียวสำหรับ JavaScript ที่จะกลายเป็นแบบจำลองคือวัตถุจะต้องอ้างอิงเป็นแอตทริบิวต์ของวัตถุขอบเขตโดยขอบเขตเชิงมุม ความสัมพันธ์อ้างอิงของแอตทริบิวต์สามารถสร้างได้อย่างชัดเจนหรือโดยปริยาย
เราสามารถสร้างคุณสมบัติขอบเขตอย่างชัดเจนในวิธีต่อไปนี้และเชื่อมโยงวัตถุ JavaScript เพื่อสร้างโมเดล:
ในรหัส JavaScript แอตทริบิวต์ที่กำหนดให้กับวัตถุขอบเขตจะถูกกำหนดโดยตรง โดยปกติจะส่งในคอนโทรลเลอร์:
ฟังก์ชั่น myctrl ($ scope) {// สร้างคุณสมบัติ 'foo' บนขอบเขตของ Myctrl // และกำหนดค่าเริ่มต้น 'bar' $ scope.foo = 'bar'; -ในการแสดงออกเชิงมุมของเทมเพลต (http://www.cnblogs.com/lclao/archive/2012/09/16/2687162.html) ใช้ตัวดำเนินการที่ได้รับมอบหมาย:
<button ng-click = "{{foos = 'ball'}}"> คลิกฉัน </button>
ใช้ nginit directive ในเทมเพลต (http://docs.angularjs.org/api/ng.directive:nginit) (ตัวอย่างเช่นเท่านั้นไม่แนะนำในแอปพลิเคชันจริง)
<body ng-init = "foo = 'bar'">
Angular จะสร้างแบบจำลองโดยปริยายในโครงสร้างเทมเพลตต่อไปนี้:
อินพุตเลือก, textarea และองค์ประกอบรูปแบบอื่น ๆ ของแบบฟอร์ม:
<อินพุต ng-model = "query" value = "cloud fluffy">>
รหัสด้านบนสร้างโมเดลที่เรียกว่า "การสืบค้น" ในขอบเขตปัจจุบันและถูกผูกไว้กับค่าของอินพุตและเริ่มต้นเป็น "คลาวด์ปุย"
ประกาศตัววนซ้ำใน ngrepeater
<p ng-repeat = "โทรศัพท์ในโทรศัพท์"> </p>
รหัสข้างต้นสร้างขอบเขตเด็กสำหรับแต่ละองค์ประกอบของแต่ละโทรศัพท์อาเรย์และสร้างโมเดล "โทรศัพท์" ในขอบเขตเด็กที่เกี่ยวข้องซึ่งกำหนดค่าที่สอดคล้องกันในอาร์เรย์
ในเชิงมุมเมื่อสถานการณ์ต่อไปนี้เกิดขึ้นวัตถุ JavaScript จะไม่เป็นแบบจำลองอีกต่อไป:
เมื่อไม่มีขอบเขตเชิงมุมมีแอตทริบิวต์ที่เกี่ยวข้องกับวัตถุ
ขอบเขตเชิงมุมทั้งหมดที่มีคุณลักษณะที่เกี่ยวข้องกับวัตถุกลายเป็นเก่าและเหมาะสำหรับการเก็บขยะ
ภาพประกอบด้านล่างแสดงการสร้างแบบจำลองข้อมูลอย่างง่ายโดยนัยในเทมเพลตง่าย ๆ
ข้างต้นคือข้อมูลเกี่ยวกับ AngularJS ทำความเข้าใจกับองค์ประกอบของแบบจำลองและเราจะเพิ่มในภายหลัง ขอบคุณสำหรับการสนับสนุนเว็บไซต์นี้!