...
Em sua execução, alguns elementos serão acrescentados e/ou modificados baseado no contexto adquirido através da directive tl-object.
TL Ref
A directive tl-ref visa facilitar a vida do desenvolvedor. Em conjunto com a directive tl-key, é possível criar referencias para chaves evitando a repetição de longos prefixos. Internamente, a directive tl-ref, assim como a directive tl-key, faz uso da directive tl-object afim de obter o contexto e objeto da partial. Contudo, a tl-ref não manipula, de forma alguma, a árvore DOM, trabalhando unicamente em conjunto com o MessageProvider.
Abaixo temos um exemplo prático de como esta directive pode ser utilizada para tornar o processo de desenvolvimento mais produtivo, evitando repetições de prefixos em chaves de internacionalização.
| Bloco de código | ||||||
|---|---|---|---|---|---|---|
| ||||||
<div tl-object="company" tl-context="detail" tl-dialog tl-opened="detailDialog.isOpen">
<!-- ... -->
<!-- Neste elemento é declarado o tl-ref, informando que todos os filhos deste nó referenciarão model.company -->
<div class="dialog-page-body" tl-ref="model.company as model">
<form class="aui">
<div class="dialog-panel-body panel-body">
<div class="field-container">
<!-- Este elemento é filho da div onde declaramos o tl-ref, ou seja, este tl-key agora é mapeado para "model.company.name" eliminando
a necessidade de informar o prefixo model.company -->
<input type="text" class="field-medium" tl-key="name" ng-model="model.0x1.name" />
</div>
<!-- ... -->
<!-- ... -->
</div> |
Internamente, no momento de execução do construtor da directive tl-ref, todas as mensagens presentes no MessageProvider, que estão no formato raw, são processadas conforme a referencia informada para a directive e colocadas em cache.
TL Find