javascript - 选择框中的 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 但当值已分配时，更改不会反射(reflect)在选择框中。

我尝试了 ng-value="true"和 ng-value="false"而不仅仅是值，但效果不佳。

Answer 1

编辑:评论者指出，我原来的解决方案并不像声称的那样有效。我已经更新了答案以反射(reflect)下面其他人给出的正确答案(我无法删除已接受的答案)。

对于 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对于 Angular 1.0.6，这是一个有效的 DEMO对于 Angular 1.3.14，略有不同。