ブートストラップラジオボタンのデータボタンが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の後の余分なカンマは、単にタイプミスです。