我有一个使用两个单选按钮的表单开关:
<form>
<div class="btn-group">
<div class="radio">
<label class="btn btn-info">
<input type="radio" name="formSwitcher" id="gNr" ng-model="vm.formSwitcher" value="gNr" /> Form for new G
</label>
</div>
<div class="radio">
<label class="btn btn-info">
<input type="radio" name="formSwitcher" id="pNr" ng-model="vm.formSwitcher" value="pNr" /> Form for new P
</label>
</div>
</div>
</form>
<div ng-show="vm.formSwitcher == 'gNr' ">
<form> ... </form>
</div>
<div ng-show="vm.formSwitcher == 'pNr' ">
<form> ... </form>
</div>
这是工作的预期,我选择一个单选按钮和适当的表单显示/隐藏相应。
当我将data-toggle="buttons"
添加到上面的第2行<div class="btn-group">
时,ng-hide
停止工作,但是视觉状态的变化(出现按下或未按下)很好。
<div class="btn-group" data-toggle="buttons">
当我移除data-toggle
时,我无法得到按钮颜色的变化,以显示选择了哪一个收音机(无线电黑点仍然正确地出现)。
为什么data-toggle="buttons"
会阻止ng-show
工作?客户希望看到“选择”上的按钮/收音机更改颜色。
发布于 2015-06-24 05:58:35
你有额外的<div class="radio">
。
移除它们,它应该像在这把小提琴中一样工作。
https://stackoverflow.com/questions/31021872
复制相似问题