获取存储在我的组件指令中的值

Question

我需要在元素上使用指令以将一些数据存储到其中。在某些组件中，我必须在多个元素上多次使用同一指令。现在，如何获取所有指令数据作为组件中的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数组