Função
O componente Breadcrumbs indica a localização o endereço da página atual dentro de uma hierarquia de navegação.
Propriedades principais
Na tabela abaixo estão descritas as principais propriedades do componente.
Nome | Propriedade | Função |
|---|---|---|
| Ícone delimitador | crn-delimiter-icon | Indica o ícone caractere utilizado para separar o caminho entre uma página e outra. Esse ícone caractere pode ser uma seta ( > ) ou uma barra ( / ). |
| Identificador do menu | id-menu | Identifica todos os id das diretivas cron-dynamic-menu (componente menu dinâmico). |
| Identificador | id | Atributo que especifica um ID exclusivo para o componente. Por padrão, um ID é gerado automaticamente e atribuído ao componente. |
| Estilo | style | Altera o estilo geral do componente da forma inline. |
| Exibir | ng-show | Propriedade Angular usada para mostrar ou oculta o componente. |
| Repetir | crn-repeat | Propriedade que seleciona uma fonte de dados contida na tela e repete o componente baseado no número de itens dessa fonte de dados. |
| Segurança | cronapp-security | Propriedade do Cronapp que trata as permissões de segurança da aplicação. Usado para permitir ou não edição e visualização do componente com base nos perfis de selecionados. |
| Classes CSS | class | Adiciona classes CSS que já foram criadas. |
Exemplo
No exemplo da figura 1, adicionamos três páginas ao menu ADMIN. Acessando a página Carros, é possível ver no componente breadcrumbs , e o caminho necessário para acessar essa página. Um caminho similar será exibido ao selecionar a página Abastecimentos ou Postos, tendo sempre como origem a página ADMIN.
Figura 1 - Componente breadcrumbs em execução.
Nome em inglês
breadcrumbs
Nessa página
| Índice |
|---|
Compatibilidade
Formulário web
Equivalente mobile
não possui
Botão do Componente
Imagem no Editor Visual
