Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/file/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 8-每个应用程序设置一次第三方组件的最佳方法?_Angular_Components - Fatal编程技术网

Angular 8-每个应用程序设置一次第三方组件的最佳方法?

Angular 8-每个应用程序设置一次第三方组件的最佳方法?,angular,components,Angular,Components,设置第三方组件的推荐方法是什么 在我的应用程序中,我在许多不同的组件中使用了priming p-table。我想为整个应用程序设置一次-默认情况下打开paginator,设置每页的默认行数等 如果在默认情况下也可以对p-table中的每一列进行排序,这将是非常棒的…您可以通过为table单独创建一个组件来完成。我可以给你一个基本的想法,你可以根据你的要求发展它 比如说,创建表组件。table组件将有一个table和paginator。但是,该表中的内容从其他父组件传递到table-compone

设置第三方组件的推荐方法是什么

在我的应用程序中,我在许多不同的组件中使用了priming p-table。我想为整个应用程序设置一次-默认情况下打开paginator,设置每页的默认行数等


如果在默认情况下也可以对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表的基本用法: