У меня есть требование использовать директиву для элемента для хранения в нем некоторых данных.В некоторых компонентах мне приходится использовать одну и ту же директиву несколько раз для нескольких элементов.Теперь, как я могу получить все данные директив в виде массива 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 в компоненте