Angular 8-每个应用程序设置一次第三方组件的最佳方法?
设置第三方组件的推荐方法是什么 在我的应用程序中,我在许多不同的组件中使用了priming p-table。我想为整个应用程序设置一次-默认情况下打开paginator,设置每页的默认行数等Angular 8-每个应用程序设置一次第三方组件的最佳方法?,angular,components,Angular,Components,设置第三方组件的推荐方法是什么 在我的应用程序中,我在许多不同的组件中使用了priming p-table。我想为整个应用程序设置一次-默认情况下打开paginator,设置每页的默认行数等 如果在默认情况下也可以对p-table中的每一列进行排序,这将是非常棒的…您可以通过为table单独创建一个组件来完成。我可以给你一个基本的想法,你可以根据你的要求发展它 比如说,创建表组件。table组件将有一个table和paginator。但是,该表中的内容从其他父组件传递到table-compone
如果在默认情况下也可以对p-table中的每一列进行排序,这将是非常棒的…您可以通过为table单独创建一个组件来完成。我可以给你一个基本的想法,你可以根据你的要求发展它 比如说,创建表组件。table组件将有一个table和paginator。但是,该表中的内容从其他父组件传递到table-component.ts。因此,在表-component.ts中:
@Input()
dataSource = [] // this dataSource is pulled from parent-conponent.ts
在表-component.html中:
<table mat-table [dataSource]=dataSource>
.
.
.
</table>
<table-component [dataSource]='yourArray'>
.
.
.
在父组件中,每当需要显示表时,parent-component.html:
<table mat-table [dataSource]=dataSource>
.
.
.
</table>
<table-component [dataSource]='yourArray'>
无论您在哪个组件中,请调用上面的组件并发送您的数组。它将显示表格,这是可重用的。希望这是您想要的。是的,您可以为表和分页创建动态组件,然后在该组件中传递动态值,并将组件的选择器设置为要使用该组件的位置。谢谢,我已经取得了一些进展。Priming p-table使用模板呈现列标题、表体等(源代码:)。如何在“我的表格组件”中定义这些模板,并将它们传递给原始的p表格?原始p表的基本用法: