bootstrap material 设计中的单选按钮在使用 ng-repeat 时变得不可见
Radio buttons in bootstrap material design become invisible while using ng-repeat
我使用 bootstrap material design 在我的项目中添加 material 效果,当我使用 ng-repeat
时,单选按钮变得不可见,当我删除单选按钮 radio-success
class单选按钮可见但没有效果。
<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>
我 return 到 bootstrap material 并且我找到了另一种从 bootstrap 元素制作单选按钮的方法。
<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>
我使用 bootstrap material design 在我的项目中添加 material 效果,当我使用 ng-repeat
时,单选按钮变得不可见,当我删除单选按钮 radio-success
class单选按钮可见但没有效果。
<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>
我 return 到 bootstrap material 并且我找到了另一种从 bootstrap 元素制作单选按钮的方法。
<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>