HTML-переменная для стандартных свойств в угловых - PullRequest
0 голосов
/ 11 октября 2018

У меня есть такой стол.И свойство таблицы одинаково для всех страниц в моем угловом проекте.И везде я должен написать их все.

      <p-table #dtStudents [value]="Students" autoLayout="true" 
    dataKey="id" [resizableColumns]="true" [reorderableColumns]="true" [paginator]="true" paginatorPosition="bottom" [lazy]="true" 
    [responsive]="true" [rows]="10" [columns]="ch.getDataTableInfo().selectedColumns" [totalRecords]="ch.getDataTableInfo().totalRecords" 
[loading]="ch.getDataTableInfo().loading" [rowsPerPageOptions]="ch.globals.pageSizeOptions">
        </p-table>

Но я хочу вот как-то так.

 <p-table #dtStudents [value]="Students" [[[StandardProperties]]]>
 </p-table>

Как я могу это сделать?

1 Ответ

0 голосов
/ 11 октября 2018

Сделать многоразовый компонент.HTML-код вашего повторно используемого компонента будет выглядеть следующим образом:

<p-table #dtStudents [value]="value" autoLayout="true" dataKey="id" [resizableColumns]="true" [reorderableColumns]="true" [paginator]="true" paginatorPosition="bottom" [lazy]="true" [responsive]="true" [rows]="10" [columns]="ch.getDataTableInfo().selectedColumns" [totalRecords]="ch.getDataTableInfo().totalRecords" [loading]="ch.getDataTableInfo().loading" [rowsPerPageOptions]="ch.globals.pageSizeOptions">
</p-table>

И контроллер примет один @Input следующим образом:

@Input() value;

Затем используйте ваш повторно используемый компонент следующим образом:

<app-reusable-component [value]="Students"></app-reusable-component>

Конечно, контроллеру компонента многократного использования потребуется проделать некоторую дополнительную работу, например, сделать доступным 'ch', но вы поймете идею.

...