如何在Angular2中禁用多選下拉菜單

Question

我已經使用下面的代碼使用angular2下拉多選

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

但是當我的'canViewData' 為true時，我無法禁用此下拉菜單

那么如何禁用它呢？

Answer 1

我發現我的解決方案在multiselectdropdown.ts中包含以下代碼

在117行添加@Input（）disable：string;

並將屬性添加到按鈕的第76行[disabled] =“ disable”

現在，我模板中的以下代碼可以正常工作。

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

（而且首先，所有更改都將應用於multiselectdropdown.js）

Answer 2

您正在使用一些插件

我認為這是一個https://github.com/softsimon/angular-2-dropdown-multiselect

從解決方案轉到您的node_modules文件夾，然后找到文件“ multiselect-dropdown.ts”

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

在117行處添加

@Input() disable: boolean;

在76向按鈕添加屬性

[disabled]="disable"

現在在您的模板中嘗試以下代碼，這可能會有所幫助

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