我想使用选择将布尔值设置为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”而不只是值,但效果不佳。
编辑: 评论员指出,我的原始解决方案无法按要求工作。我已经更新了答案,以反映以下其他人给出的正确答案(我无法删除接受的答案)。
对于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,这是稍有不同。