Angularjs 在 ng-dropdown-multiselect 上单选

标签 angularjs

我是 angularjs 的新手,正在尝试解决这个问题。 我的问题是如何从 ng-dropdown-multiselect 中进行单选我发现了一些解决方案,例如:

vm.dropDownAreaSelection = {
      selectionLimit: '1',
      closeOnSelect: true,
      displayProp: 'name',
      idProp : 'name',
      showCheckAll : false,
      showUncheckAll : false,
      onChange: vm.filterChangedSelection,
      smartButtonMaxItems: 1,
    };

<div ng-dropdown-multiselect
     options="vm.selectArea"
     selected-model="vm.selected.areaObj"
     extra-settings="vm.dropDownAreaSelection"></div>

它工作正常,但是当我选择一个之前选择的项目时,它并没有被取消选择。我正在使用 angularjs 1.5.3

我们将不胜感激。

提前致谢

最佳答案

确保 selected-model 不是数组。应该是对象。

vm.selected.areaObj = {};

超过1个选择限制,它应该是数组。

vm.selected.areaObj = [];

关于Angularjs 在 ng-dropdown-multiselect 上单选,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45564516/

相关文章:

angularjs - 带有绑定(bind)的 ng-style 或 style 属性?哪个更好?哪个更快?有什么不同?

angularjs - ionic : no content/white screen using interceptors

javascript - Angular 仅在没有焦点时更新输入字段

angularjs - Angular 不更新绑定(bind)属性

ruby-on-rails - AngularJS 模板在本地呈现,但不在 Heroku 中呈现

ajax - 如何使用 angularjs $http 修复我的 jsonp 回调以解决 "unexpected token"错误?

javascript - 在默认 HTML 中使用 Angular 的 ng-bind-html

javascript - Angular, restangular - 如果有更多当前的搜索调用,则中​​止搜索调用

javascript - 动态更改 Angular 指令中的 html 元素

html - 具有 3 个可调整大小区域的网页响应式可调整大小网格设计