Angular 角度：用于显示树的递归组件

我有表示树结构的JSON数据（数据：app.component.ts中的字符串）

现在我想在一个表中显示数据。为此，我构建了foo.component.ts。 它打印一个节点，然后重复进行

这一切都很好

这是：

但接下来我想点击一个节点并标记该节点的每个子节点。标记应更改我的示例中的字体大小

这是行不通的，我不知道为什么。我将标记操作放在中，因为我认为它包括每个子注释

不确定我是否做错了，或者递归组件不可能做到这一点

---

有什么办法让它工作吗？

好的，我稍微改变了结构；组件的y

每个

foo

实例现在负责显示它的名称（即

farm

），循环已经移动，因此现在它可以通过它的子循环。这样一来，就有了单亲，对很多孩子来说

我还为所选的

添加了一个
@Input
，它允许我们使用绑定来选择子项