私は、数値プロパティ 'amount'を持つオブジェクト 'orderItem'を持っています。 '量' に結合するディスプレイi`mためコンポーネント入力へのAngular2バインドプロパティ
- > {{}} orderItem.amount
iはネストされたコンポーネントを使用したい量を増加し、decremet TO 'inputNumberControl'
通過するときネストされたコンポーネント
<input-number-control [item]="orderItem"></input-number-control>
とそこparentcopmonentで予想される、量が増加し、減少されるように、すべてがworkls量を操作する完全なのOrderItem。
Iは、ネストされたコンポーネント
<input-number-control [item]="orderItem.amount"></input-number-control>
その後量は親コンポーネントに変更されていないだけプロパティを渡し、より柔軟な制御を使用したいDは
この動作の理由とその対処方法は何ですか?
数制御用コンポーネントのコード
export class InputNumberComponent{
@Input() item:OrderItem;
decrementAmount()
{
if(this.item.amount>1)this.item.amount--;
}
incrementAmount()
{
this.item.amount++;
}
}
あなたはinput-number-control
にitem
の値を変更し、同じことを反映したい場合、これは罰金
@Input() value:number;
decrementAmount()
{
if(this.value>1)this.value--;
}
incrementAmount()
{
this.value++;
}
doesntの仕事
はどのようにあなたが' item'の値を変更できますか?そのコードだけを表示してください。 – micronyks
元の投稿に追加します;) – PaxVobisCum