javascript - 如何在 Angular 中动态添加航点以及自动完成地址？

Question

<div [hidden]="!showWaypoint" #waypoint>
                <div class="form-group label-floating">
                  <label class="control-label">Waypoint</label>
                  <input type="text" class="form-control search-address" name = "waypoint" placeholder=" " [(ngModel)]="wayPointInput" #stop>
                </div>
              </div>

我想克隆这整个部分，就像我点击添加航点时追加一样。我不想使用像 *ngFor 这样的结构指令。我也安慰过这个

 @ViewChild('waypoint') wp;
    console.log(this.wp.nativeElement);

但我不知道如何将它与 ngModel 名称的更改一起附加，以便在提交后我在数组中获得一组数据。

标签： javascriptarraysangulartypescriptngmodel