选择框中的Angular,boolean值

Question

我想使用select将boolean值设置为true或false这是我的代码:

<select class="span9" ng-model="proposal.formalStoryboard">
<option value="false">Not Included</option>
<option value="true">Included</option>
</select>

值(proposal.formalStoryboard)已正确设置为true或false,但在已分配值时,更改不会反映在选择框中.

我尝试了ng-value ="true"和ng-value ="false"而不仅仅是值,但它不能正常工作.

Answer 1

编辑:评论家指出,我原来的解决方案并没有像声称的那样工作.我已经更新了答案,以反映下面其他人给出的正确答案(我不能删除已接受的答案).

对于Angular 1.0.6,请考虑以下HTML:

<div ng-app="">
  <div ng-controller="MyCntrl">
    <select ng-model="mybool"
            ng-options="o.v as o.n for o in [{ n: 'Not included', v: false }, { n: 'Included', v: true }]">
    </select>
    <p>
        Currently selected: <b>{{ mybool }}</b> opposite: {{ !mybool }}
   </p> 
 </div>
</div>

这个JavaScript:

function MyCntrl($scope) {
    $scope.mybool = true;
}

这是一个工作DEMO的角度1.0.6,这里是一个工作DEMO的角度1.3.14,这是稍有不同.

Answer 2

就这样做:

<select ng-model="someModel" ng-options="boolToStr(item) for item in [true, false]">
</select>

并定义:

$scope.boolToStr = function(arg) {return arg ? 'Included' : 'Not included'};

Answer 3

为什么不用这个呢？

<select class="form-control" ng-options="(item?'Included':'Not Included') for item in [true, false]"></select>

Answer 4

我不确定它支持哪个版本的angular，但是您现在可以使用ng-valueon选项元素。您的html可以这样工作。

<select ng-model="proposal.formalStoryboard">
    <option ng-value="true">Included</option>
    <option ng-value="false">Not Included</option>
</select>

它还适用于收音机和复选框。