NG-SELECT 已禁用，无法使用使用 angular 12 的指令-解网

问：

我正在尝试通过指令禁用 ng-select。任何人都可以建议我该怎么做？

这是我的代码，这里是示例。这是我尝试的。

setTimeout(() => {
  const selectElement = this.elementRef.nativeElement;
  if (this.elementRef.nativeElement.tagName === 'NG-SELECT') {
    console.log('selectElement :', this.elementRef.nativeElement);
    this.renderer.setProperty(selectElement, 'disabled', true);
    this.renderer.setProperty(selectElement, ' ng-select-disabled', '');
    this.renderer.addClass(selectElement, 'disabled');
    const inputEle = this.elementRef.nativeElement.querySelector('input');
    this.renderer.setProperty(inputEle, 'disabled', true);
  }
}, 1000);

我尝试了很多方法，但我需要用指令来做到这一点，谁能知道我怎么能用指令做到这一点？

[disabled]=“true” => 使用 ngModel
[readonly]=“true” => 使用 formControlName
但不适用于指令。

谁能建议我该怎么做？

Angular TypeScript 指令 angular12 angular-ngselect

import { Directive, ElementRef, Renderer2 } from '@angular/core';
import { NgSelectComponent } from '@ng-select/ng-select';

@Directive({
  selector: '[appCurrencySelect]',
})
export class CurrencySelectDirective {
  constructor(private elementRef: ElementRef, private el: NgSelectComponent) {
    setTimeout(() => {
      const selectElement = this.elementRef.nativeElement;
      if (selectElement.nativeElement.tagName === 'NG-SELECT') {
        this.el.setDisabledState(true);
      }
    }, 1000);
  }

  ngAfterViewInit() {}
}

NG-SELECT 已禁用，无法使用使用 angular 12 的指令

NG-SELECT disabled not working with directive using angular 12

评论

评论