...
| Bloco de código |
|---|
| theme | Eclipse |
|---|
| language | js |
|---|
| title | Utilizando Providers em Blocos de Configuração |
|---|
| linenumbers | true |
|---|
|
shieldApp.config(['$messageProvider',
'$routeProvider',
'partialsPath',
function ($messageProvider, $routeProvider, partialsPath) {
// ...
$messageProvider.baseUrl = AJS.contextPath() + '/rest/shield/latest';
// ...
}]); |
| Âncora |
|---|
| what-is-directive |
|---|
| what-is-directive |
|---|
|
O que é uma Directive?
Diretivas são marcadores (podem ser atributos, classes ou novos elementos) em nodos da árvore DOM, como uma extensão da especificação construída pela W3C. Em sua inicialização, o framework AngularJS percorre a árvore HTML, compila e executa as directives declaradas. Durante sua execução directives são capazes de anexar novos comportamentos e funcionalidades que não existiam, até então, na estrutura especificada pela W3C.
O framework AngularJS disponibiliza, por padrão, um conjunto de directives.Assim como você pode criar controllers e services, directives também podem ser customizadas. A partir desta extensibilidade foram criadas directives que atendem as necessidades de padronização, como por exemplo a directive tl-key.
Abaixo temos um exemplo da utilização da directive tl-key e ng-click que ilustra como utilizar a directive customizada e uma directive empacotada com o AngularJS.
| Bloco de código |
|---|
| language | xml |
|---|
| title | Utilizando Directives - HTML |
|---|
|
<!-- ... -->
<div class="inline-field-container" tl-ref="common">
<button class="aui-button align-right" ng-click="view.detailDialog.open('create')" tl-key="button.add"></button>
</div>
<!-- ... --> |
| Âncora |
|---|
| what-is-partial |
|---|
| what-is-partial |
|---|
|
...