angularjs - ng-repeat の使用中に、ブートストラップ マテリアル デザインのラジオ ボタンが見えなくなる

Question

ブートストラップ マテリアル デザインを使用 してプロジェクトにマテリアル エフェクトを追加します。これを使用ng-repeatするとラジオ ボタンが非表示になり、ラジオ クラスを削除するとradio-successラジオ ボタンが表示されますが、その効果はありません。

<div class="col-md-12" ng-repeat="reason in questionData.reasons track by $index">
<div class="radio radio-success">
  <label>
    <input type="radio" ng-model="currentquestion.correct_reason" value="{{$index}}" name="reason">
    {{reason}}
  </label>
</div>

Answer 1

ブートストラップの素材に戻り、ブートストラップ要素からラジオ ボタンを作成する別の方法を見つけました。

<div class="radio radio-primary"> 
    <label> 
        <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="">
        <span class="circle"></span>
        <span class="check"></span> 
        Option one is this 
    </label> 
</div>