Я сделал общий компонент поля многократного использования.Теперь проблема в том, что заполнители и метки для этого компонента ввода являются статическими.Как я могу динамически передавать заполнители и метки для компонента, из которого я вызываю этот компонент!
<mat-form-field appearance="outline" class="common-location">
<mat-label>**Search By Location**</mat-label> // {{label that i would pass}}
<input matInput type="text" placeholder="**{{placeHolder}}**" formControlName="location" name="location" aria-label="Location" [matAutocomplete]="auto"> //placeholder that should be passed
<mat-autocomplete #auto="matAutocomplete" [displayWith]="location">
<mat-option *ngFor="let places of predictions" [value]="places.description">
<span>{{places.description}}</span>
</mat-option>
</mat-autocomplete>
<mat-error>Please enter location of job.</mat-error>
</mat-form-field>
И этот компонент я вызываю извне как:
<app-autocomplete (formReady)="addFormControl('location', $event)" [placeHolder]="Location"></app-autocomplete>
пытается отправить заполнитель и пытается связать общий компонент, который не работает для меня.
Я новичок в этом, я работал с Ember и знаю, что мы можем передатьДанные так же, как я пытаюсь передать здесь, а затем связывание там же работает.Как это работает в Angular?