Получить значение, хранящееся в Директиве для моего компонента - PullRequest
0 голосов
/ 17 мая 2019

У меня есть требование использовать директиву для элемента для хранения в нем некоторых данных.В некоторых компонентах мне приходится использовать одну и ту же директиву несколько раз для нескольких элементов.Теперь, как я могу получить все данные директив в виде массива JSON в компоненте

Directive.ts

@Directive({
  selector: "[viewmode]"
})
export class ViewModeDirective {

  @Input("viewmode") 
  viewmode: any;
  text: string;

  constructor(
    private elementref: ElementRef) {
  }

  ngOnInit() {
  }

  @HostListener("change", ["$event"])
  onChange(event) {
    if (event.target.id) {
      this.text= $("#" + event.target.id).find('option:selected').text();
    }
  }
}

component.html

<select name="senderid" [(ngModel)]="params.senderid" #senderid="ngModel [viewmode]="'senderid'">
  <ng-container *ngFor="let dest of numbers">
    <option [value]="dest.value">{{dest.name}}</option>
  </ng-container>
</select>

Теперь, какможно получить все данные директив в виде массива JSON в компоненте

...