AngularJS不在布尔模型字段的下拉列表中设置任何值

发布时间：2020-12-17 17:55:54 所属栏目：安全来源：网络整理

导读：尽管我的模型包含一个布尔值,但下面的代码显示为true： {{ moduleDAO.includeIntermediate }} 以下HTML代码： div class="form-group" ng-class="{'has-error': ModuleDAOForm.includeIntermediate.$invalid}" label for="includeIntermediate" class="col-s

尽管我的模型包含一个布尔值,但下面的代码显示为true：

{{ moduleDAO.includeIntermediate }}

以下HTML代码：

<div class="form-group" ng-class="{'has-error': ModuleDAOForm.includeIntermediate.$invalid}">
    <label for="includeIntermediate" class="col-sm-2 control-label">Include Intermediate</label>
    <div id="includeIntermediateControls" class="col-sm-10">
    <select id="includeIntermediate" name="includeIntermediate" class="form-control" ng-model="moduleDAO.includeIntermediate" >
        <option value="">Choose a value</option>
        <option value="false">false</option>
        <option value="true">true</option>
    </select>
    </div>
</div>

呈现一个没有设置任何值的下拉列表,为什么？

BTW.上面的代码是由JBoss Forge AngularJS脚手架插件生成的.

解决方法

如果值是布尔值,似乎AngularJS在预先选择一个选项时会出现问题.但是,如果您使用ng-options定义选项标记,它确实有效：

调节器

$scope.options = [
    {value: '',label: 'Choose a value'},{value: false,label: 'false'},{value: true,label: 'true'},];

HTML

<select ng-options="o.value as o.label for o in options"></select>

但是,如果您无法访问代码并自动为您生成,则此修复可能更难实现！？如果你能做到这一点,请告诉我.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!