私はこのコードを持っています:
<input type="checkbox" ng-checked="item.selected == 'yes'" ng-click="change()">{{item.selected}}<br/>
ご覧のとおり、3つの同じチェックボックスがあり、チェックされたステータスがいくつかの文字列の値にバインドされています。キャッチは、チェックボックスに中間の「部分的に選択された」状態を導入したいということです。実際、私がやりたいのは、チェックボックスを使用して、値を「保留中」から「進行中」に変更し、次に「完了」に変更することです(ToDoリストを作成しています)。
それらの1つを数回クリックすると、他の動作も正しく表示されますが、クリックしているものではチェックされたステータスが間違っています。
¿これはAngularBindingのバグですか、それとも何かが足りませんか?
さて、私はチェックされた問題の世話をするためにあなたのフィドルを修正しようとしました。デフォルトのHTMLの動作により、マウスをクリックするとチェックボックスがオンになるため、動作に一貫性がありませんでした。チェックボックスのデフォルトの動作を防ぐために、これらの行を追加しました。
if ($scope.item.selected == 'no') {
$scope.item.selected = 'halfway';
$event.preventDefault();
}
これが更新されたフィドルです。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加