AngularJs 中的 3 個狀態復選框
[英]3 States CheckBox in AngularJs
問題描述
我看過多篇關於使用指令以及使用 css-tricks 的 3 個狀態復選框的帖子（indeterminate=true，不起作用。）
但我想問是否有另一種可能的方法來實現 3 個不同值（真、假和空）的 3 個狀態復選框。
視覺上 3 個狀態將是
- 已選中
- 未選中（空白）
- 不確定（全彩色或其他東西。）
1 個解決方案
解決方案1
0 2020-04-29 21:55:00
要使復選框顯示不確定的 state，請使用ng-prop-indeterminate指令設置元素的indeterminate屬性。
演示
<script src="//unpkg.com/angular/angular.js"></script> <body ng-app> <input type="checkbox" ng-model="checkState" ng-prop-indeterminate="triState"> The Check Box<br> <hr> <input type="checkbox" ng-model="checkState">CheckState={{checkState}}<br> <input type="checkbox" ng-model="triState">TriState={{triState}}<br> </body>
有關詳細信息，請參閱
angularJS $狀態優化問題
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.