AngularJS dropdown multiselect doesn't unchecked when selection change

Question

I have this plunker that has an example of angularjs dropdown multiselect , my problem is when selection limit is 1 and has a selectd model when I click to any other item in the list is doesn't change the selection until uncheck the previous one, any one have an experience in angularjs can solve the problem which is prevent select item until unselect the previous item?

    var myApp = angular.module("myApp", ['angularjs-dropdown-multiselect']);

myApp.controller("MyController", ["$scope", function($scope) {
  $scope.message = "Angularjs-multiselect-dropdown";
  $scope.example6model = [{id: 1}, {id: 3}]; 
  $scope.example6data = [{id: 1, label: "David"}, {id: 2, label: "Jhon"}, {id: 3, label: "Danny"}]; 
  $scope.example6settings = {};

  $scope.example65model = [{id: 1}]; 
  $scope.example65data = [{id: 1, label: "David"}, {id: 2, label: "Jhon"}, {id: 3, label: "Danny"}]; 
  $scope.example65settings = {selectionLimit: 1};
}]);

lzagkaretos · Accepted Answer · 2019-02-23 17:01:01Z

1

You should use a single object as model and not an array when you have single selection functionality enabled.

Such as:

$scope.example65model = {id: 1};

You can see an example in the documentation in "Single Selection Limit" area.

answered Feb 23, 2019 at 17:01

lzagkaretos

2,9202 gold badges19 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rawan Mansour Over a year ago

thank you very much ,working 100%. you saved 2 weeks of my working

Collectives™ on Stack Overflow

AngularJS dropdown multiselect doesn't unchecked when selection change

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related