Реализация выпадающего списка в угловых js

Question

Я пытаюсь реализовать раскрывающийся список множественного выбора в AngularJS и пытаюсь сохранить значения в списке в моем файле JS.Однако я не могу обработать событие для выбора нескольких значений.

Я использовал ng-change, но это обрабатывает только один щелчок.Выбор нескольких значений с помощью CTRL + клавиша со стрелкой не обрабатывается.Мой список генерируется динамически.

Пожалуйста, предложите способы обработки его с помощью Javascript / AngularJS

<div>
 <select multiple class="form-control drop-down" name="abclist" id="users"  ng-model="databaseUser" ng-options="databaseUser.username for databaseUser in databaseUsers" ng-change="ctrl.onchange()" required>
    <option value="" >SELECT USER VALUE</option>
  </select>
</div>

(function () {
  'use strict';

  angular.module(userdetails.module).controller('UserController', UserController);

  UserController.$inject = ['$scope', '$rootScope','$http', 'dData', '$location', '$uibModal'];
  function AdminController($scope, $rootScope, $http, dData, $location, $uibModal) {
    function onchange(){
  }

Answer 1

Вам не нужно перехватывать событие onChange, чтобы сделать это, атрибут ng-model сделает всю работу за вас.

HTML

<div ng-app="myModule">
  <div ng-controller="myController as ctrl">
    <div>
      <p>Selected users: {{ctrl.selectedUsers}}</p>
        <select multiple
                id="users"  
                ng-model="ctrl.selectedUsers" 
                ng-options="user as user.label for user in ctrl.users track by user.id">
        </select>
    </div>
  </div>
</div>

Javascript

var module = angular.module("myModule", []);

module.controller("myController", function() {
  var $ctrl = this;
  $ctrl.users = [{id:1, label:'eyp'}, {id:2, label:'jrt'}];
  $ctrl.selectedUsers = null;
});

Здесь у вас есть JSFiddle test чтобы показать вам, как это работает.