如何在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">