typescript 搜索3.ts

Posted 2021-05-20

@Directive({
  selector: '[searchable]'
})
export class SearchableDirective {

  token = '';

  @Input()
  set searchable(value: string) {
    this.token = value;
  }

  constructor(@Optional() private container: SearchableContainerComponent, private host: ElementRef) {
    if (!container) {
      throw new Error(`Missing <dato-searchable-container> wrapper component`);
    }
  }

  ngOnInit() {
    this.container.register(this);
  }

  hide() {
    this.host.nativeElement.classList.add('hide');
  }

  show() {
    this.host.nativeElement.classList.remove('hide');
  }

  ngOnDestroy() {
    this.container.unregister(this);
  }
}