親コンポーネント内の配列は、angular2の子コンポーネントから割り当てることができません

Question

これは簡単な説明がありますので、私の無知を許してください。

子コンポーネントからの配列での作業と、それは、親配列の値がうまく持続渡された値に、.pop().splice()、.push()を使用して、私は値（=）を割り当てるしようとすると、それはで配列を保持されません。親コンポーネント

私はsimple example on Plunkerを作成しました。

プログラムには、クリア、ポップ、リロードの3つのボタンがあります。

クリアリスト - @Input listを空の配列（this.list = []）に割り当てます。親コンポーネントのカウンタは変更されません。

Pop - リストに.pop()を実行します。親コンポーネントのカウンタが変化することに注意してください。

どのようにして配列の値を割り当てるだけでいいのですか？

私はEventEmitterを使用して、親が イベントを監視し、そのように更新することができます知っています。この シナリオを理解しようとしていて、余分なコードを避けることができるかどうかを確認しようとしています。

Answer 1

親と子は、どちらも同じ/ 1つの配列オブジェクトへの参照を持っています。したがって、配列の要素を変更する（配列要素を変更する、要素を追加する、または要素を削除する）場合、親と子の両方は、同じ/ 1つのオブジェクトに対して変更が行われているため変更を参照します。

親に新しい配列を代入すると、角の変化の検出は、子の入力プロパティであるため、新しい配列参照を子に伝播します。

ただし、子に新しい配列を割り当てると、親には元の配列への参照が残っています。角度変化の検出はここでは役に立ちません。たとえば、EventEmitterを使用して、この新しい配列について親に通知する必要があります。