引導程序單選按鈕數據toogle不能與ng-model配合使用

Question

我用這個guide來設計我的單選按鈕。起初它似乎工作，但後來我意識到，ng模型不再工作了（它總是需要初始值）。它工作時，我離開了數據切換=「按鈕」，但我有我的HTML複選框，我真的不知道如何擺脫他們。

舊的HTML（作品）

 <div class="form-group"> 
      <label>Audio</label> 
      <div class="radio"> 
       <label> 
        <input type="radio" name="audio" value="real" ng-model="formData.audio" disabled> 
        Real Audio 
       </label> 
      </div> 
      <div class="radio"> 
       <label> 
        <input type="radio" name="audio" value="chariots" ng-model="formData.audio"> 
        Chariots of Fire 
       </label> 
      </div> 
      <div class="radio"> 
       <label> 
        <input type="radio" name="audio" value="benny" ng-model="formData.audio"> 
        Benny Hill 
       </label> 
      </div> 
     </div> 

新的HTML（不工作）

<div class="row"> 
     <div class="col-xs-12"> 
      <label>Audio</label> 
      <br> 
      <div class="btn-group" data-toggle="buttons"> 
      <label class="btn active"> 
       <input type="radio" name="audio" value="chariots" ng-model="formData.audio"><i class="fa fa-circle-o fa-2x"></i><i class="fa fa-check-circle-o fa-2x"></i><span> Chariots</span> 
      </label> 
      <label class="btn"> 
       <input type="radio" name="audio" value="benny" ng-model="formData.audio"><i class="fa fa-circle-o fa-2x"></i><i class="fa fa-check-circle-o fa-2x"></i><span> Benny Hill</span> 
      </label> 
      </div> 
     </div> 
    </div> 

這裏是我的JS：

$scope.formData = { 
     audio: "chariots", 
     duration: "2", 
     frames: "1.0", 
     date: $filter('date')(now, "yyyy-MM-dd HH:MM:ss"), 
     filePath: "", 
    }; 

任何建議？

Answer 1

你肯定有控制檯上WRT的依賴或JSON形成沒有錯誤，因爲以下似乎爲我工作：

<div class="btn-group" data-toggle="buttons"> 
    <label class="btn active"> 
     <input type="radio" name="audio" value="chariots" ng-model="formData.audio"><i class="fa fa-circle-o fa-2x"></i><i class="fa fa-check-circle-o fa-2x"></i><span> Chariots</span> 
     </label> 
     <label class="btn"> 
     <input type="radio" name="audio" value="benny" ng-model="formData.audio"><i class="fa fa-circle-o fa-2x"></i><i class="fa fa-check-circle-o fa-2x"></i><span> Benny Hill</span> 
     </label> 
    </div> 
    Selected : {{formData}} 
</div> 

和：

$scope.formData = { 
    audio: "chariots" 
}; 

注：希望你注入了$在你的控制器中進行過濾，以及filePath只是一個錯字之後的額外逗號。