في سياق مناقشة المستند الزاوي ، يمكن تطبيق مصطلح "النموذج" على كائن واحد يمثل كيانًا (على سبيل المثال ، نموذج يسمى "الهواتف" التي تكون قيمتها عبارة عن مجموعة هاتف.) أو كنموذج بيانات كامل للتطبيق (جميع الكيانات).
في الزاوي ، يمكن أن يكون النموذج أي بيانات ، ويمكن الحصول على النموذج من خلال خصائص كائن نطاق الزاوي. اسم الخاصية هو معرف النموذج ، ويمكن أن تكون القيمة أي كائن JavaScript (بما في ذلك المصفوفات والبيانات الأولية).
الشرط الوحيد لـ JavaScript ليصبح نموذجًا هو أنه يجب الرجوع إلى الكائن كسمة لكائن النطاق بواسطة نطاق زاوي. يمكن إنشاء العلاقة المرجعية للسمات بشكل صريح أو ضمني.
يمكننا إنشاء خصائص النطاق بشكل صريح بالطرق التالية وربط كائنات JavaScript لإنشاء نموذج:
في رمز JavaScript ، يتم تعيين السمات المخصصة لكائن النطاق مباشرة ؛ عادة ما يتم إرسال هذا في وحدة التحكم:
وظيفة myctrl ($ scope) {// إنشاء خاصية 'foo' على نطاق myctrl // وتعيينها قيمة أولية 'شريط $ scope.foo =' bar '؛ }في التعبير الزاوي للقالب (http://www.cnblogs.com/lclao/archive/2012/09/16/2687162.html) ، استخدم مشغل المهمة:
<button ng click = "{{foos = 'ball'}}"> انقر فوق لي </button>
استخدم توجيه Nginit في القوالب (http://docs.angularjs.org/api/ng.directive:nginit) (على سبيل المثال فقط ، لا ينصح في التطبيقات الحقيقية)
<body ng-init = "foo = 'bar'">
سوف يقوم Angular بإنشاء نموذج ضمنيًا في بنية القالب التالية:
الإدخال ، والتحديد ، textarea وعناصر النماذج الأخرى للنموذج:
<input ng-model = "query" value = "Fluffy Cloud">
يقوم الرمز أعلاه بإنشاء نموذج يسمى "الاستعلام" في النطاق الحالي ، ويرتبط بقيمة الإدخال ، ويتم تهيئته إلى "Cloud Fluffy".
إعلان ايتراتور في ngrepeater
<p ng-repeat = "الهاتف في الهواتف"> </p>
يقوم الرمز أعلاه بإنشاء نطاق طفل لكل عنصر من عناصر كل مجموعة هواتف ، ويقوم بإنشاء نموذج "هاتف" في نطاق الطفل المقابل ، ويعين القيمة المقابلة في الصفيف.
في الزاوي ، عند حدوث الموقف التالي ، لن يكون كائن JavaScript نموذجًا:
عندما لا يحتوي النطاق الزاوي على السمات المرتبطة بالكائن.
جميع النطاقات الزاوية التي تحتوي على سمات مرتبطة بالأشياء تصبح قديمة ومناسبة لجمع القمامة.
يوضح التوضيح أدناه إنشاء نموذج بيانات بسيط في قالب بسيط.
ما سبق هو المعلومات حول angularjs فهم مكون النموذج ، وسنستمر في إضافته لاحقًا. شكرا لك على دعمك لهذا الموقع!