2016-09-30 1 views
0

нг-модель не меняет мою кнопку радио, выбрав другой вариант распечатки значения в нг-модели не меняется мой HTMLввода типа радио нет привязки нг-модель angularjs

<div class="btn-group" data-toggle="buttons" role="group"> 
    <label class="btn btn-outline btn-primary "> 
    <input type="radio" name="turno" ng-model="vm.turno" value="matutino" /> 
    <i class="icon wb-check text-active" aria-hidden="true"></i>Matutino 
    </label> 
    <label class="btn btn-outline btn-primary active"> 
    <input type="radio" ng-model="vm.turno" value="vespertino" /> 
    <i class="icon wb-check text-active" aria-hidden="true"></i>Vespertino 
    </label> 
    <label class="btn btn-outline btn-primary"> 
    <input type="radio" ng-model="vm.turno" value="nocturno" /> 
    <i class="icon wb-check text-active" aria-hidden="true"></i>Nocturno 
</label> 
</div> 

<span>{{vm.turno}}</span> 

ответ

1

большое спасибо за ваши ответы, я был в состоянии решить деталь была ui.bootstrap использовать, вместо того, чтобы с помощью обычного радио ввода, используйте метку с btn-радио, я остаюсь следующим.

<div class="btn-group"> 
    <label class="btn btn-outline btn-primary" btn-radio="'matutino'" ng-model="vm.turno"> 
    <i class="icon wb-check text-active" aria-hidden="true"></i>Matutino 
    </label> 
    <label class="btn btn-outline btn-primary active" btn-radio="'vespertino'" ng-model="vm.turno"> 
    <i class="icon wb-check text-active" aria-hidden="true"></i>Vespertino 
    </label> 
    <label class="btn btn-outline btn-primary" btn-radio="'nocturno'" ng-model="vm.turno"> 
    <i class="icon wb-check text-active" aria-hidden="true"></i>Nocturno 
    </label> 
</div> 
1

Вы оставили из name на 2 из радиоприемников. Это то, что группирует их вместе

+0

Это не проблема, он отлично работает, если я удаляю данные-переключатели = «кнопки» div, которые, как известно, подслушиваются. –

+0

затем создайте демоверсию, которая реплицирует проблему. Не совсем понятно, что из описания – charlietfl

1

Вы установили vm = this в свой контроллер?
или, возможно, Вы установили vm.turno к другому типу
он хорошо работает в моем коде
plunker

1

vm.turno это

boolean true or false. 

Это логическое значение не может быть радио-кнопка которого значение по умолчанию для печати в html.

Вы можете попробовать, как это, если вы хотите, чтобы увидеть изменения

{{vm.turno ? "true" : "false"}} 
Смежные вопросы