import { TemplateRef } from '@angular/core'; /** * @usedBy PoListViewComponent * * @description * * Esta diretiva permite que sejam apresentadas informações essenciais de cada item. * * Deve-se utilizar como parâmetro a referência do item e/ou índice, sendo por padrão o item. * - Item: `item` determina o item da linha corrente. * - Índice: `index` determina o índice da linha corrente. * * Esta diretiva pode ser usada de duas formas: explícita ou *syntax sugar*. Veja a seguir ambos, respectivamente: * * ``` * ... * * * *
* * *
*
* *
* * ... * ``` * * ``` * ... * * *
* *
*
* ... * * ``` * * A diretiva **p-list-view-content-template**, possibilita também alterar o título dos itens. Para isto, * é necessário atribuir a referência da função que faz a alteração, à propriedade `p-title`, * a mesma deve retornar um valor do tipo *string*. Veja o exemplo a seguir: * * ``` * ... * @Component({ * selector: 'app-root', * template: ` * ... * * *
* *
*
* ... * ` * }) * export class AppComponent { * public items = [{ * code: 1200, * product: 'Rice', * customer: 'Supermarket 1', * }, { * code: 1355, * product: 'Bean', * customer: 'Supermarket 2' * }]; * * customTitle(item) { * return `${item.code} - ${item.product}`; * } * } * ``` */ export declare class PoListViewContentTemplateDirective { templateRef: TemplateRef; /** * @optional * * @description * * Função que deve retornar um valor do tipo `string`, que será utilizado como o título de cada item da lista. * * > Por parâmetro será enviado o item corrente, onde poderá utilizá-lo para recuperar dados sobre o mesmo. */ title: (item: any) => string; constructor(templateRef: TemplateRef); }