チェックボックスで角度バインディングが正しく機能しない(webkit)

セバスチャン・グリニョーリ

私はこのコードを持っています:

<input type="checkbox" ng-checked="item.selected == 'yes'"  ng-click="change()">{{item.selected}}<br/>

http://jsfiddle.net/NmQXp/2/

ご覧のとおり、3つの同じチェックボックスがあり、チェックされたステータスがいくつかの文字列の値にバインドされています。キャッチは、チェックボックスに中間の「部分的に選択された」状態を導入したいということです。実際、私がやりたいのは、チェックボックスを使用して、値を「保留中」から「進行中」に変更し、次に「完了」に変更することです(ToDoリストを作成しています)。

それらの1つを数回クリックすると、他の動作も正しく表示されますが、クリックしているものではチェックされたステータスが間違っています。

¿これはAngularBindingのバグですか、それとも何かが足りませんか?

チャンデルマニ

さて、私はチェックされた問題の世話をするためにあなたのフィドルを修正しようとしました。デフォルトのHTMLの動作により、マウスをクリックするとチェックボックスがオンになるため、動作に一貫性がありませんでした。チェックボックスのデフォルトの動作を防ぐために、これらの行を追加しました。

 if ($scope.item.selected == 'no') {
            $scope.item.selected = 'halfway';
            $event.preventDefault();
        }

これが更新されたフィドルです。

http://jsfiddle.net/cmyworld/J27jN/

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

チェックボックスで角度バインディングが正しく機能しない(webkit)

分類Dev

vueチェックボックスv-modelバインディングが現在のバージョンで正しく機能しない

分類Dev

チェックボックスノックアウトクリックバインディングが正しく機能しない

分類Dev

データバインディングを使用してViewPagerでAndroidチェックボックスが正しくチェックされない

分類Dev

WPFチェックボックスIsCheckedバインディングが機能しない

分類Dev

角度クリックイベントバインディングが正しく機能していません

分類Dev

チェックボックスでバインドが機能しないisCheckedWPF

分類Dev

* ngForで生成されたチェックボックスで無効化されたバインディングが機能しない

分類Dev

チェックボックスの角度4パイプが正しく機能しない

分類Dev

VueJSクラスバインディングが正しく機能しない

分類Dev

ngxブートストラップアコーディオンヘッダー内のチェックボックスが正しく機能しない

分類Dev

JQuery:チェックボックスチェーンが正しく機能しない

分類Dev

親がクリックイベントをリッスンするときにチェックボックスがngTemplateOutlet内で機能しない-バグ?

分類Dev

AnuglarjSでチェックボックスタグが正しく機能しない

分類Dev

Dynamodbグローバルセカンダリインデックスが正しく機能しない

分類Dev

マルチレベルオブジェクトでAngular6プロパティバインディングが正しく機能しない

分類Dev

角度バインディングが正しく機能しない

分類Dev

丸いチェックボックスがモバイルデバイスで正しく機能していません

分類Dev

チェックボックスのバインドが WPF/C# で機能しない

分類Dev

AngularJSチェックボックスが正しく機能しない

分類Dev

チェックボックスの.change()が正しく機能しない

分類Dev

「チェックボックス」が正しく機能しない

分類Dev

リストボックスデータバインディングが機能しない

分類Dev

ICheckプラグインがノックアウトjsチェックバインディングで機能しない

分類Dev

Ember.jsチェックボックスバインディングの初期値が正しく設定されていません

分類Dev

d3チェックボックスを介したデータポイントのフィルタリングが正常に機能しない

分類Dev

WPF-ネストされたリストボックスバインディングが機能しない

分類Dev

ng-readonlyが角度チェックボックスで機能しない

分類Dev

Blazorチェックボックスのバインドが機能していない-サーバー側

Related 関連記事

  1. 1

    チェックボックスで角度バインディングが正しく機能しない(webkit)

  2. 2

    vueチェックボックスv-modelバインディングが現在のバージョンで正しく機能しない

  3. 3

    チェックボックスノックアウトクリックバインディングが正しく機能しない

  4. 4

    データバインディングを使用してViewPagerでAndroidチェックボックスが正しくチェックされない

  5. 5

    WPFチェックボックスIsCheckedバインディングが機能しない

  6. 6

    角度クリックイベントバインディングが正しく機能していません

  7. 7

    チェックボックスでバインドが機能しないisCheckedWPF

  8. 8

    * ngForで生成されたチェックボックスで無効化されたバインディングが機能しない

  9. 9

    チェックボックスの角度4パイプが正しく機能しない

  10. 10

    VueJSクラスバインディングが正しく機能しない

  11. 11

    ngxブートストラップアコーディオンヘッダー内のチェックボックスが正しく機能しない

  12. 12

    JQuery:チェックボックスチェーンが正しく機能しない

  13. 13

    親がクリックイベントをリッスンするときにチェックボックスがngTemplateOutlet内で機能しない-バグ?

  14. 14

    AnuglarjSでチェックボックスタグが正しく機能しない

  15. 15

    Dynamodbグローバルセカンダリインデックスが正しく機能しない

  16. 16

    マルチレベルオブジェクトでAngular6プロパティバインディングが正しく機能しない

  17. 17

    角度バインディングが正しく機能しない

  18. 18

    丸いチェックボックスがモバイルデバイスで正しく機能していません

  19. 19

    チェックボックスのバインドが WPF/C# で機能しない

  20. 20

    AngularJSチェックボックスが正しく機能しない

  21. 21

    チェックボックスの.change()が正しく機能しない

  22. 22

    「チェックボックス」が正しく機能しない

  23. 23

    リストボックスデータバインディングが機能しない

  24. 24

    ICheckプラグインがノックアウトjsチェックバインディングで機能しない

  25. 25

    Ember.jsチェックボックスバインディングの初期値が正しく設定されていません

  26. 26

    d3チェックボックスを介したデータポイントのフィルタリングが正常に機能しない

  27. 27

    WPF-ネストされたリストボックスバインディングが機能しない

  28. 28

    ng-readonlyが角度チェックボックスで機能しない

  29. 29

    Blazorチェックボックスのバインドが機能していない-サーバー側

ホットタグ

アーカイブ