輸入型無線電無約束力的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"}}