【问题标题】:select tag does not support multiple选择标签不支持多个
【发布时间】:2016-05-25 08:00:25
【问题描述】:

在我的代码中,我使用 ng-options 将数据绑定到选择标签,同时我将 multiple 属性设置为 true。

<select ng-if="exp.metaData.elementType =='in'"
multiple=""
ng-multiple="true" 
class="form-control"
ng-model="exp.value"
ng-options="value.id as value.title for value in exp.dataSource">
   <option value=""> Select ...</option>
</select>

但是在浏览器运行时,选择标签不支持多个,当我检查选择元素时我也没有看到multiple="" orng-multiple="true"。 (f12->元素)

【问题讨论】:

  • 您确定自己的病情吗?也许您有多个选择标签,而您在浏览器中看到的是另一个选择标签。你也不需要 multiple="" 和 ng-multiple 两者。

标签: javascript angularjs ng-options multiple-select


【解决方案1】:

以下是角度多选的最小设置示例。 不过,不确定为什么在多选中需要Please select 选项。

angular.module('test', []).controller('Test', Test);

function Test() {
  var vm = this;
  
  vm.options = [
    {name: 'aaa', value: '1'},
    {name: 'bbb', value: '2'},
    {name: 'ccc', value: '3'}
  ];
  
  vm.selected = [];
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app='test' ng-controller='Test as test'>
  <select multiple ng-options="option.value as option.name for option in test.options" ng-model="test.selected">
  </select>
  
  <div>{{test.selected}}</div>
</div>

【讨论】:

  • 你的意思是我应该将 ng-model 值初始化为控制器中的数组吗?虽然我已经完成了你告诉我的提示。但是还是不行。
  • 不,亲爱的 Armita,当绑定到您的多选模型时,它会将此字段视为数组。
猜你喜欢
  • 2010-10-17
  • 2019-05-15
  • 1970-01-01
  • 2012-01-18
  • 2023-04-01
  • 2015-10-29
  • 1970-01-01
  • 2020-12-09
  • 2020-02-19
相关资源
最近更新 更多