如何在添加链接上重复表单点击角度2

Question

我需要重复一个表单，点击angular2中的链接，我该怎么做？

例如，如果我有一个表单添加一个人的名字和年龄，当我在“addnewperoson”单击我要得到相同的形式加入刚刚在前形式下的任何建议将是有益需要立即答复

这样的事情在这个环节 http://www.shanidkv.com/blog/angularjs-adding-form-fields-dynamically

Answer 1

在您的组件，如您链接例如，您可以创建对象的数组（我还要加场到这个对象也可能是对象 - 取决于你的需要）：

[ 
    { id: "choice1", fields: ["name", "age"]}, 
    { id: "choice2", fields: ["name", "age"]}, 
    { id: "choice3", fields: ["name", "age"]} 
] 

并在模板中用*ngFor显示您的表格。

然后推{ id: "choiceN", fields: ["name", "age"]}这个阵列上点击链接

Answer 2

您可以创建空数组，然后点击添加一些阵列中，在HTML中你环路直通该数组。添加用户将通过按钮创建新元素，以通过索引删除个人。

例如。

.TS

users: any[] = []; 

addUser(){ 
    this.users.push({});//push empty object of type user 
} 

removeUser(i){ 
    this.users.splice(i, 1);  
} 

的.html

<a (click)="addUser()">Add User</a> 
<div *ngFor="let user of users; let i = index"> 
    <label>Name</label> 
    <input [(ngModel)]="user.name" name="name"> 
    <label>Age</label> 
    <input [(ngModel)]="user.age" name="age"> 
    <a (click)="removeUser(i)">Remove</a> 
</div>