输入类型radio没有绑定ng-model angularjs

Question

ng-model不会改变我的单选按钮，选择另一个选项打印ng-model中的值不会改变我的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

你在两个收音机上漏掉了name。这就是将它们组合在一起的原因

Answer 2

您是否在控制器中设置了vm = this ?
或者你将vm.turno设置为另一种类型
它在我的代码中运行良好
恰好

Answer 3

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

boolean true or false.

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

如果你想看到变化

你可以这样尝试

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

Answer 4

非常感谢您的回答，我能够解决细节是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>