Question

我研究了一些类似的问题，但似乎没有一个完全相同的问题。目前，在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';
}

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

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

0 个答案: