Javascript 通过道具将数据传递到定制的垫网格组件

我正在尝试构建一个扩展角材质mat tree组件的组件。目标是创建一个表，该表具有可以展开和折叠的行层次结构。我或多或少都能做到这一点，当我直接从组件内的平面文件加载数据时，它就起作用了。Stackblitz示例在工作状态下显示了这一点。但是，您需要单击

单击我

按钮查看数据-不确定为什么会出现这种情况

我想要的是能够将数据从父组件传递到组件。我已经尝试过使用

@input

和

属性={{}}

来实现这一点，但我一直无法让它工作。我想要的基本上是：

app.component.ts调用服务（helper.service）

助手服务将树网格的数据传回html文件

app.component.html通过大括号{{}将数据传递给组件

注意：在我的实际实现中，

helper.service

从API调用获取数据

我还有一些不那么紧迫的问题：

当我将代码移动到

StackBlitz

my

mat图标按钮时，显示展开V形的按钮具有灰色背景。我假设我缺少一个主题或风格，这是我主要项目的一部分。我想知道我做错了什么，以及如何在将来的
StackBlitz
出版物中纠正这些错误

在前面的示例中，每个子项都略微缩进。我相信这是

垫树控件中的标准。我把代码弄得有点乱，在一路上的某个地方缩进丢失了。我怎样才能找回这些，或者更具体地说，我做了什么来抑制它们

在组件中，我使用了一个hack的but，在为组件提供数据的开始处添加了一个额外的

伪记录。这条线在下面，它达到了我想要的结果。但是，当我在页面中包含同一组件的第二个副本时，我注意到下面的行已经插入了两次。我希望这会给我带来问题，我做了一些不正确的事情，但我不确定是什么

unshift（{id:“dummy”，名称：“dummy”，类型：“dummy”， 说明：“虚拟”}）

我有最新消息。请查收。希望这有帮助

通过@Input decorator传递数据

<n4nite-tree-table [facetHierarchy] ="facetHierarchy"></n4nite-tree-table>