Angular4实现动态添加删除表单输入框功能

Angular4实现动态添加删除表单输入框功能

首先介绍一下实现的效果,就是单一表单能实现添加其他的,也能删除

代码如下:

用户名

<label class="col-form-label">密码

删除

增加

http://双击

{{ login | json }}

username: any;

id: number = 1;

login:any = [{"username": "username" + this.id,"password": "pwd" + this.id}];

addInput()UvWctPOM {

console.log('点击');

console.log(this.login);

let number = this.login.length + 1;

this.login.push({"username": "usernahttp://me" + number, "pasUvWctPOMsword": "pwd" + number});

console.log(this.login);

}

removeInput(item) {

console.log(item);

let i = this.login.indexOf(item);

console.log(i);

this.login.splice(i, 1);

}

总结

以上所述是给大家介绍的Angular4实现动态添加删除表单输入框功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。