一尘不染

选择框中的角度,布尔值

angularjs

我想使用选择将布尔值设置为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”而不只是值,但效果不佳。


阅读 179

收藏
2020-07-04

共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,这是稍有不同。

2020-07-04