Question

使用角色。

我有一个带有type = checkbox和class = btn btn-default的标签。我设置了ng-model =“{{vurd.vurderinger}}”并设置了ng-true-value =“HO”和ng-false-value =“”。

<label type="checkbox" class="btn btn-default"  ng-model="vurd.VurderingsUdfaldId" ng-true-value="'HO'" ng-false-value="''">OK</label>

单击时，不会将$ scope = vurd.VurderingsUdfaldId设置为true或false值。有什么关于bootstrap标签+输入类型我没有得到？

以下示例正在运行但不是我希望按钮看起来像：

<input type="checkbox" ng-model="vurd.VurderingsUdfaldId" ng-true-value="'BO'" ng-false-value="''" />

Answer 1

从我读过的所有文档中，ng-true-value仅适用于输入复选框。您可以执行一些ng-if逻辑并使用函数自己设置值，但是ng-true-value的构建不会起作用。

Answer 2

您仍然需要输入类型的复选框..而不是带有复选框类型的标签。这些替代方案中有一种适合您吗？

http://plnkr.co/edit/9CbR5z6EQMBDsjIgNGh9?p=preview

第一个选项显示复选框：

<label><input type="checkbox" class="btn btn-default"  ng-model="vurd.VurderingsUdfaldId" ng-true-value="'HO'" ng-false-value="''"/>OK</label>

第二个选项隐藏了复选框，但仍然有效：

<label><input ng-hide="true" type="checkbox" class="btn btn-default"  ng-model="vurd.VurderingsUdfaldId" ng-true-value="'HO'" ng-false-value="''"/>OK</label>

bootstrap标签类型=复选框未在范围

2 个答案: