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

Question

嗨，我正在研究 Angular 动态 forms

这是到目前为止我尝试过的代码：

堆栈闪电战

所以，现在我希望日期应该预先填写到today's date ，下拉菜单应该是california ，当我更改值时它也应该改变？

任何想法将不胜感激？TIA。

Answer 1

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

app.component.ts

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

app.component.html

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

对于下拉菜单，您可以执行以下操作：清除构造函数 function 并在 DistrictArr 外部构造函数 app.component.ts 中推送默认 object

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

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

您可以使用 FormArray 来做到这一点。 会容易很多

堆栈闪电战