Javascript 如何通过在angular8动态表单中刷新页面来选择下拉列表和日期？

嗨，我正在研究角度动力学形式

以下是迄今为止我尝试的代码：

因此，现在我希望日期应该预先填充到

今天的日期

，下拉列表应该是

加利福尼亚州

，当我更改值时，它也应该更改

---

任何想法都将感谢？TIA。

对于日期输入，您可以执行以下操作：

app.component.ts

date = new Date().toISOString().substring(0, 10);

name = "Angular " + VERSION.major;
  districArr: any = [
    { id: 1, name: "california" },
    { id: 2, name: "texas" },
    { id: 3, name: "ohio" },
    { id: 4, name: "Washington" }
  ];
  city = this.districArr[0].name;
  date = new Date().toISOString().substring(0, 10);
  public datapush: any = [
    {
      date: this.date,
      district: this.city
    }
  ];

  constructor() {}

  add() {
    this.datapush.push({
      date: this.date,
      district: this.city
    });
  }

app.component.html

<input type="date" name="date{{i}}" [(ngModel)]="date">

<option *ngFor="let dist of districArr" [value]="dist.id"
                                    [ngValue]="dist.name">{{dist.name}}</option>

app.component.html

<input type="date" name="date{{i}}" [(ngModel)]="date">

<option *ngFor="let dist of districArr" [value]="dist.id"
                                    [ngValue]="dist.name">{{dist.name}}</option>

{{dist.name}

你可以用FormArray tho做这个。这会容易得多

---

当我再次点击新表单时，这不起作用。它反映了日期的价值。你能通过stackblitz吗？@StephenDrew给你：。我还稍微更新了它。我不想让日期显示当前日期。当我添加新列时，它也应该动态更改。但是默认情况下，它应该显示今天的日期。如果我希望

districArr

来自API，那么我必须在刷新右侧加载下拉列表值？