Histórico da Página
...
Bloco de código | ||||||
---|---|---|---|---|---|---|
| ||||||
<div class="po-wrapper"> <po-toolbar p-title="Datasul - Dynamic - Custom"></po-toolbar> <po-page-dynamic-detail p-auto-router p-title="Idiomas" [p-service-api]="serviceApi"> </po-page-dynamic-detail> </div> |
TypeScript:
No Typescript devemos informar qual será a API que retornará os dados para a tela através da variável "serviceApi".
Bloco de código | ||||||
---|---|---|---|---|---|---|
| ||||||
import { Component } from '@angular/core'; import { PoMenuItem } from '@po-ui/ng-components'; import { PoBreadcrumb } from '@po-ui/ng-components'; import { PoPageDynamicDetailActions} from '@po-ui/ng-templates'; @Component({ selector: 'app-idioma-dynamic', templateUrl: './idioma-dynamic.component.html', styleUrls: ['./idioma-dynamic.component.css'] }) export class IdiomaDynamicComponent { public readonly serviceApi = 'https://6a6a8bb8-09be-496b-aeea-faa3a7052052.mock.pstmn.io/api/trn/v1/idiomas'; public readonly actions: PoPageDynamicDetailActions = { back: '/documentation/po-page-dynamic-table' }; public readonly breadcrumb: PoBreadcrumb = { items: [ { label: 'Home', link: '/' }, { label: 'People', link: '/documentation/po-page-dynamic-table' }, { label: 'Detail' } ] }; } |
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas