3 государства CheckBox в AngularJs - PullRequest
Новая
       10

3 государства CheckBox в AngularJs

0 голосов
/ 29 апреля 2020

Я видел несколько постов, касающихся флажка с 3 состояниями, используя директиву, а также css -трики (indeterminate = true, не работает.)

Но я хочу спросить, есть ли другой возможный способ установить 3 состояния для 3 различных значений (true, false и null).

Визуально 3 состояния будут

  1. Проверено
  2. Не проверено (пусто)
  3. Не определено (полноцветное или что-то в этом роде).

1 Ответ

0 голосов
/ 30 апреля 2020

Чтобы флажок показывал неопределенное состояние, используйте директиву ng-prop-indeterminate для установки свойства indeterminate элемента.

DEMO 

<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>

Для получения дополнительной информации см.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...