javascript - 繰り返し配列を埋めるAngular 2入力を実装する方法は?

Question

注文でアイテムを追加/削除し、それらを配列に集約してバックエンドに送信できるようにしたいと考えています。データは次のようになります。

• 顧客名: ビリー
• 注文内容：【ピザ、バーガー、寿司】

反復入力バインディングに入るSOの回答やドキュメントが見つかりません。誰もこれを試みましたか？テンプレート コード:

<div>
  <input 
    type="text" 
    name="name" 
    title="name" 
    placeholder="Customer Name" 
    [(ngModel)]="customerName"/>
</div>
<div *ngFor="let item of itemsInNewOrder; let i = index">
  <input 
    type="text" 
    name="order" 
    title="order" 
    [(ngModel)]="itemsInNewOrder[index]"/>
</div>

[新規追加] ボタンのクリック機能内:

...firebaseStuff... .push({name: name, order: this.itemsInNewOrder})

残念ながら、これは機能しません。前もって感謝します！:)

編集 1: (それぞれ) トリガーする 2 つのボタンがあります。

incrementItemsInNewOrder() {
  this.itemsInNewOrder.push("")
}
decrementItemsInNewOrder() {
  this.itemsInNewOrder.pop()
}