输入型无线电无约束力的NG-模型angularjs

Question

NG-模式不会改变我的单选按钮，选择其他选项打印在NG-模型中的价值不会改变 我的HTML

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

Answer 1

非常感谢您的回答，我是能够解决的细节是ui.bootstrap使用，而是采用了常规的收音机输入，用btn-radio使用标签，我保留如下。

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

Answer 2

你忽略了name在2台收音机上。这是什么组合在一起

Answer 3

你有没有在你的控制器中设置vm = this？
或者也许你已经设置vm.turno其他类型
它运作良好，在我的代码
plunker

Answer 4

vm.turno是单选按钮，其默认值为

boolean true or false. 

这些布尔值不能可在html中打印。

你可以尝试这样的，如果你想看到的变化

{{vm.turno ? "true" : "false"}}