javascript - angularでコンポーネントの再帰をバインドする方法

Question

私はこの簡単なコードを得ました：

@Component({
    selector: 'app-tree',
    template: `<div>{{content.name}}</div>
               <app-tree [(content)]="contentChild"
                         *ngFor="let contentChild of content.childs"></app-tree>`
})
export class TreeComponent {

@Input() content: Content;

}

しかし、[(content)]="contentChild"次のエラーが表示されます：

ERROR Error: Uncaught (in promise): Error: Cannot assign to a reference or variable!

これを解決するには？

Answer 1

解決策を見つけました：

<app-tree [(content)]="content.childs"
   *ngFor="let contentChild of content.childs"></app-tree>

双方向バインディングはできません。[参照] のみ *ngFor を使用しますが、オブジェクトを直接バインドできます。