أنجولارجس :تعلم كيفية عمل ngChecked
-
11-12-2019 - |
سؤال
لقد حاولت تعديل المثال ng-checked بحيث يؤدي النقر فوق أحد مربعات الاختيار إلى تحديث المربع الآخر تلقائيًا.
النقر على A، ثم B، ثم A مرة أخرى، لا يؤدي إلى ما أتوقعه.
ما هو جزء من الوثائق الذي يجب أن أنظر إليه لفهم ما يحدث؟
المحلول
لماذا لا تقوم بتوصيل كلا مربعي الاختيار بنفس النموذج؟
<div ng-app>
A - Check me to check both:
<input type="checkbox" ng-model="master"><br/>
B - Check me to check both:
<input type="checkbox" ng-model="master">
</div>
http://jsfiddle.net/ev62U/133/
==================================================================================
لشرح الكمان الخاص بك:
ng-checked
لا يقوم بتحديث النموذج، بل يقوم فقط بتحديث العرض (مربع الاختيار)، بمجرد تغيير التعبير.
انقر فوق أ:ال master
تم تغييره إلى true
, ، مربع الاختيار B يراقبه ng-checked
value وبالتالي يقوم بتحديث العرض المراد التحقق منه أيضًا.
انقر ب:ال master2
تم تغييره إلى false
, ، خانة الاختيار تراقبها ng-checked
القيمة وبالتالي يقوم بتحديث العرض ليتم إلغاء تحديده أيضًا.
انقر فوق أ:ال master
تم ضبطه على true
وهذا ليس تغييرًا حقيقيًا كما كانت القيمة بالفعل true
, ، لذلك لا يؤدي إلى تحديث B.