Как проверить только один флажок в угловом?

-1

Не могли бы вы рассказать мне, как проверить только один флажок одновременно? Я показываю всплывающее окно, в котором отображается флажок. Но пользователь может выбрать несколько флажков. Мне нужно предотвратить это. Я имею в виду, что пользователь может выбрать только один флажок. Вот мой код http://plnkr.co/edit/p2xHhT7e72m3nnMjP7qC?p=preview Как проверить только один флажок в угловом?

<!doctype html> 
<html ng-app="plunker"> 
    <head> 
    <script src="https://code.angularjs.org/1.4.1/angular.js"></script> 
    <script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.6.0.js"></script> 
    <script src="example.js"></script> 
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet"> 
    </head> 
    <body> 

<li class="dropdown" ng-controller="DropdownCtrl"> 
    <a class="dropdown-toggle"> 
    Click me for a dropdown, yo! 
    </a> 
    <ul class="dropdown-menu"> 
    <li class="checkbox"><input type="checkbox" class="selectCheckBox" ng-click="$event.stopPropagation()"/>Option 1</li> 
    <li><input type="checkbox" checked="checked" ng-click="$event.stopPropagation()"/>Option 2</li> 
     <li><input type="checkbox" ng-click="$event.stopPropagation()"/>Option 3</li> 

    </ul> 
</li> 
    </body> 
</html>

хотите использовать CheckBox не Селективная кнопка

источник

2016-03-09 user944513

Измените флажок с помощью переключателя. Для этого они нужны. Чтобы связать переключатель вместе, не забудьте добавить атрибут имени ко всем переключателям и дать им то же имя и указать ng-модель для всех из них в те же поля. В противном случае используйте ng-change и выполните свою логику в вашем контроллере. – Walfrat

Я хочу использовать флажок, а не кнопку ration. – user944513

Для этого выполните свою логику в своем контроллере. Но с точки зрения пользовательского опыта я не советую, люди ожидают, что радиокнопка будет уникальным выбором по множеству из них, а не по чекбоксам. – Walfrat

Как уже упоминалось в комментариях вы можете использовать radio button. (Пожалуйста, укажите пример здесь)

Другой способ заключается в том, чтобы обернуть ваши входы в поле формы и использовать специальную директиву для его проверки. (Предоставлять пример здесь)

Пожалуйста, проверьте эту plunkr из (предоставить объяснение, что plunkr делает здесь) http://plnkr.co/edit/p3qv4vKR5r7QsF6EQe5D?p=preview

источник

2016-03-09 08:41:39 whd

Out давления с просьбой пользователя я удалил кнопку радио части. Причины использования флажка для одного выбора остаются таинственными.

Альтернатива:

Если вы действительно хотите использовать флажки по какой-то причине использовать функцию на нг щелчке.

<input ng-click="unsetOtherOptions(value1)" 

$scope.unsetOtherOptions = function(value) { 
    // unset all values 
    for (var v in allValues) { 
     v = false; 
    } 
    // reset value 
    value = true; 
}

источник

2016-03-09 08:42:21

Я не хочу использовать переключатель, я хочу использовать только флажок – user944513

Как проверить только один флажок в угловом?

ответ

Смежные вопросы