توجيهات نطاق معزولة لا تعمل بشكل صحيح مع وجهات النظر المتداخلة؟(Angularjs / ui Router)

Question

أنا أستخدم UI-Router في مشروع Angularjs حيث لدي طريقة عرض متداخلة تحتوي على توجيه مخصص. يعرض هذا التوجيه حقل إدخال (يتيح القول حقل مرشح) ويجب أن تكون قيمتها متزامنة مع نطاق وحدة التحكم.

---

هذا يعمل بشكل جيد لهذا التوجيه، عند عدم توفر العرض / الحالة:

jsfiddle / غير متداخل / العمل كما هو متوقع

giveacodicetagpre.

عرض:

giveacodicetagpre.

عندما أقوم بتغيير نص حقل الإدخال، فإنه ينعكس على النطاق ...

---

... ولكن عندما أتكلت العرض / الدولة، فإن القيمة الموجودة على النطاق تبقي القيمة الأولية ولكنني أتوقع تغييرها وفقا لقيمة حقل الإدخال عند الكتابة فوق.

giveacodicetagpre.

عرض:

giveacodicetagpre.

هنا، لا يزال النص الموجود في النطاق (انظر وحدة التحكم) هو نفسه.

أي فكرة كيف يمكنني الحصول على نفس النتيجة مع طرق عرض متداخلة كما في المثال الأول؟

PS: يحتاج التوجيه إلى البقاء قابلة لإعادة الاستخدام

jsfiddle / متداخل / لا يعمل كما هو متوقع

Answer 1

يرتبط بهذه القضية المشتركة.كما هو مذكور في هذا الفيديو الزاوي JS - أفضل الممارسات (29:19)، وأوضح هنا: نطاقات متداخلة في JS الزاوي

"كلما كان لديك نموذج NG، يجب أن يكون هناك نقطة في مكان ما. إذا لم يكن لديك نقطة، فأنت تفعل ذلك خطأ".

لذلك يجب أن يخلق وحدة التحكم كائنا:

giveacodicetagpre.

وينبغي أن يعمل القالب مع كائن وجود خاصية GuardacetagCode:

giveacodicetagpre.

the upated jsfiddle