Ringkasan :
Saya menggunakan direktif sudutjs-dropdown-multiselect.
Referensi : AngularJS Dropdown Multiselect
Masalah yang dihadapi :
Masalah 1 : Saya ingin menggunakan acara onItemSelect
& onItemDeselect
ketika pengguna memilih atau membatalkan pilihan opsi dari dropdown.
Saya berhasil mengonfigurasinya tetapi masalahnya adalah tanpa memilih opsi apa pun, acara ini juga sering dijalankan.
HTML
<div ng-dropdown-multiselect="" options="listClientCompany" selected-model="selectedClients" extra-settings="clientSelectionSettings" translation-texts="translations" events="onItemSelect(selectedClients);onItemDeSelect(selectedClients)"></div>
Pengontrol :
$scope.selectedClients = [];
$scope.clientSelectionSettings = {idProp: '_id',displayProp:'name',externalIdProp : "_id",enableSearch:false,scrollableHeight: '200px',scrollable:true};
$scope.translations = {buttonDefaultText: 'Select'};
$scope.onItemSelect = function(item) {
console.log(item); // execute multiple times on page load also without selecting any option from the dropdown.
}
Tangkapan layar :
Saya juga mencoba solusi yang ditentukan di sini :
https://github.com/dotansimha/angularjs-dropdown-multiselect/issues/39. Namun tidak mendapatkan kesuksesan apa pun.
Masalah 2: Setiap kali saya menghapus $scope.selectedClients = [];
dari pengontrol, saya mendapat kesalahan ini di konsol.
Error: [$interpolate:interr] Can't interpolate: {{getButtonText()}}
TypeError: Cannot read property 'length' of undefined
http://errors.angularjs.org/1.2.19/$interpolate/interr?p0=%7B%7BgetButtonTe…%A0&p1=TypeError%3A%20Cannot%20read%20property%20'length'%20of%20undefined
at http://0.0.0.0:9000/bower_components/angular/angular.js:78:12
at Object.$interpolate.fn (http://0.0.0.0:9000/bower_components/angular/angular.js:8756:26)
at Scope.$digest (http://0.0.0.0:9000/bower_components/angular/angular.js:12426:40)
at Scope.$apply (http://0.0.0.0:9000/bower_components/angular/angular.js:12699:24)
at done (http://0.0.0.0:9000/bower_components/angular/angular.js:8287:45)
at completeRequest (http://0.0.0.0:9000/bower_components/angular/angular.js:8499:7)
at XMLHttpRequest.xhr.onreadystatechange (http://0.0.0.0:9000/bower_components/angular/angular.js:8438:11) angular.js:9959
Saya juga mencoba solusi yang ditentukan di sini :
https://github.com/dotansimha/angularjs-dropdown-multiselect/issues/22 tetapi tidak berhasil.
Bantuan segera apa pun untuk kedua masalah ini akan sangat berarti. Terima kasih