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

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

代码如下:

动态添加表单

用户名

密码

删除

增加

双击

{{ login | json }}

username: any;

id: number = 1;

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

addInput() {

console.log('点击');

console.log(this.login);

let number = this.login.length + 1;

this.login.push({"username": "username" + number, "password": "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实现动态添加删除表单输入框功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！