如何在 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>

你不能有两种方式的绑定，只有 [reference] 和 *ngFor 但是你可以直接绑定对象。

如何在 angular 中绑定组件递归

How to bind with component recursion in angular

javascript

data-binding

typescript

angular

angular6