Angular7-ngx-select-dropdown默认值显示不正确

时间:2019-08-05 20:22:12

标签: angular typescript angular7 ngx-select-dropdown

我研究了一些类似的问题,但似乎没有一个完全相同的问题。目前,在github(https://github.com/manishjanky/ngx-select-dropdown/issues/22)上有一个封闭的问题浮出水面,但似乎没人知道。

页面上有一个按钮,可以将其切换为启用或禁用用于选择客户的下拉菜单。当启用下拉菜单,选择客户然后再次禁用下拉菜单时,就会出现此问题。仍然显示所选客户,而不是将字段重置为占位符文本。

HTML:

<ngx-select-dropdown [config]="dropdownConfig"
                     [options]="customers"
                     formControlName="customer"
                     [disabled]="!isCustomer  || !canManageUsers">
</ngx-select-dropdown>

打字稿:

private dropdownConfig = { // Configurations for the ngx-select-dropdown control go here
    displayKey: 'customerName',
    placeholder: ''
};

formGroup: FormGroup = new FormGroup({
    customer: new FormControl('', this.checkDropdown()),

get isCustomer() {
    return this._isCustomer;
}

set isCustomer(value) {
    this._isCustomer = value;
    if (!value) this.formGroup.controls.customer.updateValueAndValidity();
    this.dropdownConfig.placeholder = value && 'Select associated customer' || 'This account will be for an internal user';
}

预期结果应该是下拉列表重置为“此帐户将用于内部用户”的占位符值,而不是用户选择的任何客户。如果用户取消选择客户,一切将按预期进行。

0 个答案:

没有答案