如何在Angular2中禁用多选下拉菜单

Question

I have used angular2 dropdown multi-select using below code

 <ss-multiselect-dropdown [options]="myOptions" name="pack" [texts]="myTexts" [settings]="mySettings" [(ngModel)]="model.selectedPackValue"  [disabled]="canViewData">

But I can not able to disable this dropdown when my 'canViewData' is true

Then how to disable it ?

Answer 1

I found my solution as including below code in my multiselectdropdown.ts

At 117 line add @Input() disable: string;

and also add attribute to button at 76 line [disabled]="disable"

Now the below code in my template works fine..

<ss-multiselect-dropdown [options]="myOptions" name="pack" [texts]="myTexts" [settings]="mySettings" [(ngModel)]="model.selectedPackValue"  [disable]="canViewData">

(and also above all changes are applied to multiselectdropdown.js)

Answer 2

Your are using some plugin

I think this is the one https://github.com/softsimon/angular-2-dropdown-multiselect

Go to your node_modules folder from your solution and find the file 'multiselect-dropdown.ts'

https://github.com/softsimon/angular-2-dropdown-multiselect/blob/master/src/multiselect-dropdown.ts

At 117 line add

@Input() disable: boolean;

At 76 add attribute to button

[disabled]="disable"

Now try the below code in your template this may help

<ss-multiselect-dropdown [options]="myOptions" name="pack" [texts]="myTexts" [settings]="mySettings" [(ngModel)]="model.selectedPackValue"  [disable]="canViewData">