angularjs - 难以实现 ng-boolean-radio - 或如何在选择中使用布尔值

Question

关于这个帖子的答案

我正在尝试将此添加到我的代码中，但它不起作用。

    <select ng-model="project.isBudgetFirm" ng-disabled="isSeller()" class="span8" ng-boolean-radio >
        <option value="true">firm</option>
        <option value="false">range....</option>
    </select>

Answer 1

如果您必须保留一个选择，那么编写一个需要 ngModelController 的指令，并在其 $formatters 和 $parsers 数组中推送一个格式化程序和一个解析器。

前者会将布尔模型值格式化为字符串 true 或 false。后者会将选择的字符串视图值解析为布尔值。

Answer 2

如果您想要单选按钮（因为您使用的是 ng-radio），请不要使用选择，请使用 input type=radio：

<label>
    Firm
    <input type="radio"
           ng-model="project.isBudgetFirm"
           ng-disabled="isSeller()"
           value="true"
           ng-required="true"
           ng-boolean-radio />
</label>
<label>
    Range...
    <input type="radio" 
           ng-model="project.isBudgetFirm" 
           ng-disabled="isSeller()" 
           value="false" 
           ng-required="true" 
           ng-boolean-radio />
</label>

如果您不需要使其成为必需或您有默认值，则将 value 替换为 ng-value 并删除 ng-required 和 ng-boolean-radio 属性。