我是Angular2的新手,我试图从输入中添加一个新项目到列表.但是然后点击提交我而不是文本[object Object].
这是我的代码:
app.component.html
<form (submit)="addItem(item)">
<md-input-container>
<input [(ngModel)]="name" mdInput placeholder="add" name="addNew">
</md-input-container>
<button type="submit" md-icon-button>
<i class="material-icons">send</i>
</button>
</form>
app.component.ts
items = Players;
name;
addItem(name): void {
this.items.push(new Player({
name : name
}));
}
player.ts
export class Player {
id: number;
name: string;
count: number;
constructor(name){
this.id;
this.name = name;
this.count = 0;
}
全players.ts
export let Players: Player[] = [
];
谢谢你的答案
解决方法:
我会写一个完整的答案.
在您的组件(TS文件)中:
items = Players;
name;
addItem() { this.items.push(new Player({ name : this.name })); }
在您的HTML中:
<form (submit)="addItem()" novalidate>
<md-input-container>
<input [(ngModel)]="name" mdInput placeholder="add" name="addNew">
</md-input-container>
<button type="submit" md-icon-button>
<i class="material-icons">send</i>
</button>
</form>
我的猜测是你提交表格2次.
原文地址:https://codeday.me/bug/20190710/1427564.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。