Angular 2從輸入中添加新項目

Question

Im新的Angular2和Im試圖從輸入添加一個新項目到列表中。但是，然後點擊提交我而不是文本[對象對象]。

這裏是我的代碼：

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; 
    } 

所有播放器.ts

export let Players: Player[] = [ 
]; 

謝謝你的答案

Answer 1

我會寫一個完整的答案。

在您的組件（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倍。