...
| Atributos | Parâmetros | Descrição |
|---|---|---|
tl-tabset | - | Marca um elemento do tipo block como o nó pai de todas as abas. |
tl-tab | - | Marca um elemento do tipo block como o nó filho, alterando sua renderização para abas e sua visibilidade a partir do atributo tl-active. |
tl-active | Boolean | Esta directive marca um elemento do tipoManipula a visibilidade da aba de acordo com o valor do tipo Boolean obtido através da variável passada para este atributo. |
Abaixo temos um exemplo prático de como esta directive pode ser utilizada para habilitarmos um calendário de fácil usabilidade para o usuário final.
| Bloco de código | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
<!-- ...inicializa este elemento como nó pai de todas as abas, controlando sua visibilidade --> <div tl-tabset> <!-- no input abaixo temos a presençatransforma esta div em uma aba, internacionaliza seu título através da directive tl-calendar que transforma este input em um calendário key e determina a visiblidade através do atributo active apontando para a variável "active" nos objetos "view.tabs.dates" --> <input<div tl-calendar ng-model="view.startDate" tab tl-key="startdatedetail.period.dates" ng-changeactive="splitStartDate()view.tabs.dates.active"> <!-- ... --> |
...
</div> |
Abaixo temos uma representação visual da directive tl-tab da tela detalhe de Períodos da aplicação Shield.
...