angular - لا يمكن الارتباط بـ "لـ" نظرًا لأنها ليست خاصية أصلية معروفة من الزاوي 2



(1)

تحديث

في Angular2 final [for]="xxx" يجب أن تعمل بشكل جيد. وأضافوا اسمًا مستعارًا من إلى إلى htmlFor .

أصلي

الزاوي افتراضيًا يستخدم خاصية الربط لكن label لا يحتوي على خاصية. لإخبار Angular بشكل صريح باستخدام ربط السمة ، استخدم بدلاً من ذلك:

[attr.for]="someField"

أو

attr.for="{{someField}}"

في حين أن.

تعمل هذه أيضًا لأن htmlFor هي الخاصية التي تنعكس عليها.

[htmlFor]="someField"
htmlFor="{{someField}}"

في Angular2 RC.6 تمت إضافة اسم مستعار لذلك يجب أن تعمل الآن أيضًا:

[for]="someField" 

أو

for="{{someField}}" 

يجب أن أقوم بإنشاء قائمة من مربعات الاختيار بشكل حيوي ، لذا فقد استخدمت * ngFor لتكرار مجموعة الكائنات التي يعمل كل شيء على ما يرام حتى التكرار. تحدث المشكلة عندما أقوم بتعيين قيمة السمة في علامة التسمية. الزاوي قد رمي الخطأ:

لا يمكن الارتباط بـ "لـ" نظرًا لأنها ليست خاصية أصلية معروفة من الزاوي 2

رسالة خطأ جديدة

رفض الوعد غير المُعالج: أخطاء تحليل القالب: لا يمكن الربط بـ "من أجل" لأنها ليست خاصية معروفة لـ "تصنيف".

<div *ngFor="#batch of batch_array">
     <label for="{{batch.id}}"><input type="checkbox" [value]="batch.id" id="{{batch.id}}"    
       (click)="batchSelectedEevent(batch.id)" /> {{batch.batch_name}} 
     </label>
</div>

إليكم خطأ عرض plnkr: http://plnkr.co/edit/aAQfWvHc7h7IBuYzpItO?p=preview

ما الخطأ هنا في الكود الخاص بي؟





angular