代码之家 › 专栏 › 技术社区 › Bhrungarajni

如何创建新分区,单击角度2中的“新建”按钮

angular

4

Bhrungarajni · 技术社区 · 8 年前

我有一个包含3个字段的分区,当单击“新建”按钮时,我必须获得相同的分区。我没有错误,所以我不知道哪里出错。

HTML:

     <form *ngFor="let emergency of Emergencies; let i = index">
        <div>
          <label > Name</label>
  <input type="text"   [(ngModel)]="emergency.Name" name="emergency.Name" 
          />
        </div>
        <div>
          <label >Phone</label>
          <input type="text" OnlyNumber="true" [(ngModel)]="emergency.Phone" name="emergency.Phone"
            maxlength="15" />
        </div>
        <div>
          <label >Relations</label>
          <select class="col-lg-6 col-md-6 col-sm-6 col-xs-6"[(ngModel)]="emergency.ship">
            <option >{{ship.Description}}</option>
          </select>
        </div>
      </div>
    </form>

2 回复 | 直到 8 年前

1

6

Vega Stipe 8 年前

如果你能用的话 template driven 这里的表格是你的答案。

添加用于创建新字段的按钮

<button (click)="addEmergency()">New</button>

现在,添加 addEmergency 组件中的方法:

addEmergency() {
    var item = {
      "ContactName":"Person3",
      "Phone": "122355",
      "relationship": ""
      }
    this.Emergencies.push(item);
  }

在HTML中:

<div  *ngFor="let Emergency of Emergencies">
  Your inputs go here
</div>

Here is a demo I created out from your code

2

0

Thomsheer Ahamed 8 年前

您需要使用formarray来创建动态文件。

通过这个 stack question 或 blog