Earlier, I posted a topic about an issue with Observable loading on an HTML page: Observable need a click to load on html page. Unfortunately, I am still facing the same display problem where I have to click on the input field to display the content of an Array<Array<string>>.
<section>
<div class="divPosition">
<mat-icon>place</mat-icon>
<mat-form-field color="accent" appearance="fill" id="searchAddress">
<mat-label>*****</mat-label>
<input
matInput
ngx-google-places-autocomplete #placesRef="ngx-places"
(onAddressChange)="handleAddressChange($event)" [ngModel]="this.address" />
<button mat-button *ngIf="address" matSuffix mat-icon-button aria-label="Clear" (click)="address=''">
<mat-icon>close</mat-icon>
</button>
</mat-form-field>
</div>
<br />
<div>
<section class="mobile" fxLayout="column" fxLayoutAlign="center center" fxLayoutGap="20px" *ngFor="let docs of matchingDocs">
<app-feeder-card
[feederId] = "docs[0]"
[clientId] = "docs[1]"
></app-feeder-card>
</section>
<section *ngIf="matchingDocs.length == 0" fxLayoutAlign="center center" fxLayout="column">
<app-no-feeder
[lat] = this.lat
[lng] = this.long
[address] = this.address
></app-no-feeder>
</section>
</div>
</section>