How to disable multi select dropdown in 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 ?

best way to set true value static and if it work replace with variable — Sandip - Frontend Developer
– Sandip - Frontend Developer, Commented Dec 29, 2016 at 13:02

Mansi Kalola · Accepted Answer · 2016-12-30 05:40:51Z

3

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)

answered Dec 30, 2016 at 5:40

Mansi Kalola

1591 gold badge4 silver badges14 bronze badges

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

Comments

Habeeb · Accepted Answer · 2016-12-29 13:09:01Z

1

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">

answered Dec 29, 2016 at 13:09

Habeeb

1,04016 silver badges35 bronze badges

3 Comments

Alex Beugnet Over a year ago

And what do you do if they update the multiselect ? You do that again ?

Habeeb Over a year ago

If i need urgent solution,I do like this, . May be i am wrong. But reporting to github and waiting for update may takes time? If you have any proper way ,kindly comment.

Mansi Kalola Over a year ago

Here in @Input() disable: boolean; have not worked for me because it gave me error as BOOLEAN is not defined so instead of BOOLEAN i have used STRING then everything works fine. Thank you.

Collectives™ on Stack Overflow

How to disable multi select dropdown in angular2

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related