角度2分量-使用同一选择器的多个引用

Question

我得到了一个具有以下定义的组件类：

@component({
selector: 'app-table',
template: '<div #content></div>',
styleUrls: ['./table.component.css']
});
export class TableComponent implements OnInit{
@ViewChild('content') elm: ElementRef;
....
}

然而，在父html中，结构是：

<div label="summary1">
<app-table type="thisMonth"></app-table>
</div>
<div label="summary2">
<app-table type="lastMonth"></app-table>
</div>

我的问题是，如何将生成的不同内容放入相应的"应用程序表"中？

我尝试使用以下方法，但它返回未定义：

export class TableComponent implements OnInit{
@ViewChildren('content') elms: <QueryList>ElementRef;

谢谢！

Answer 1

正如@Akshay Rana在他的评论中提到的，你必须使用@Input decorator来传递数据，他是绝对正确的。我将更详细地阐述他的回答。正如您所要求的，您需要生成不同的内容并将其放入相应的"应用程序表"中，如果内容是HTML，那么只有@Input decorator将不起作用。所以我分享了一个URL，你可以在这里找到你的所有答案，包括@Input、@Output装饰器的使用等等，如果你需要进一步的澄清，请看一看，并告诉我。如何获取Angular6组件的内部html并将其添加到组件模板中？