As diretivas AngularJS são uma forma de ensinar novos truques ao HTML, estendendo o vocabulário HTML. As diretivas permitem que você gerencie elementos DOM em um padrão declarativo, liberando você de tarefas de manipulação de DOM de baixo nível.
Eu li a documentação do AngularJS sobre o tópico com cuidado e depois brinquei com uma diretiva. Aqui está o violino . E aqui estão alguns trechos relevantes: Do HTML : <pane bi-title="title" title="{{title}}">{{text}}</pane> Na diretiva do painel: scope: { biTitle: '=', title:...
Qual é a 'maneira Angular' para definir o foco no campo de entrada no AngularJS? Requisitos mais específicos: Quando um Modal é aberto, defina o foco em um predefinido <input>dentro deste Modal. Sempre que <input>ficar visível (por exemplo, clicando em algum botão), defina o foco...
Ao criar uma diretiva, você pode colocar o código no compilador, na função de link ou no controlador. Nos documentos, eles explicam que: função de compilação e link são usadas em diferentes fases do ciclo angular controladores são compartilhados entre diretivas No entanto, para mim não está...
Eu entendo isso ng-showe ng-hideafeta a classe definida em um elemento e que ng-ifcontrola se um elemento é renderizado como parte do DOM. Existem diretrizes para escolher ng-ifentre ng-show/ ng-hideou
Fechadas. Esta pergunta não atende às diretrizes de estouro de pilha . No momento, não está aceitando respostas. Deseja melhorar esta pergunta? Atualize a pergunta para que ela fique no tópico do Stack Overflow. Fechado há 5 anos . Ao escrever uma...
Quero pegar o evento de pressionar a tecla Enter na caixa de texto abaixo. Para deixar mais claro, estou usando um ng-repeatpara preencher o tbody. Aqui está o HTML: <td><input type="number" id="closeqty{{$index}}" class="pagination-right closefield" data-ng-model="closeqtymodel"...
Estou procurando qualquer maneira de acessar o escopo "pai" dentro de uma diretiva. Qualquer combinação de escopo, transcluir, exigir, passar variáveis (ou o próprio escopo) de cima, etc. Estou totalmente disposta a reverter, mas quero evitar algo totalmente hacky ou inatingível. Por exemplo, eu...
Se eu tiver uma barra de navegação no bootstrap com os itens Home | About | Contact Como defino a classe ativa para cada item de menu quando eles estão ativos? Ou seja, como posso definir class="active"quando a rota angular está em #/ para casa #/about para a página sobre #/contact para a...
Eu tenho uma diretiva, aqui está o código: .directive('map', function() { return { restrict: 'E', replace: true, template: '<div></div>', link: function($scope, element, attrs) { var center = new google.maps.LatLng(50.1, 14.4); $scope.map_options = { zoom: 14, center:...
Eu preciso ser capaz de adicionar, por exemplo, "contenteditable" aos elementos, com base em uma variável booleana no escopo. Exemplo de uso: <h1 attrs="{'contenteditable=\"true\"': editMode}">{{content.title}}</h1> Resultaria na adição de contenteditable = true ao elemento se...
Estou lidando com meu problema assim: ng-style="{ width: getTheValue() }" Mas, para evitar ter essa função no lado do controlador, eu preferiria fazer algo assim: ng-style="{ width: myObject.value == 'ok' ? '100%' : '0%' }" Como posso fazer
Eu já vi várias perguntas no StackOverflow discutindo a transclusão ng, mas nenhuma explicando em termos leigos o que é. A descrição na documentação é a seguinte: Diretiva que marca o ponto de inserção para o DOM transcluído da diretiva-pai mais próxima que usa transclusão. Isso é bastante...
Estou procurando algumas diretrizes que podem ser usadas para ajudar a determinar qual tipo de escopo usar ao escrever uma nova diretiva. Idealmente, eu gostaria de algo semelhante a um fluxograma que me guie por várias perguntas e apareça a resposta correta - nenhum novo novo escopo, novo escopo...
Estou tentando definir o srcatributo de um iframe de uma variável e não consigo fazê-lo funcionar ... A marcação: <div class="col-xs-12" ng-controller="AppCtrl"> <ul class=""> <li ng-repeat="project in projects"> <a ng-click="setProject(project.id)"...
Eu tenho uma versão muito resumida do que estou fazendo que esclarece o problema. Eu tenho um simples directive. Sempre que você clica em um elemento, ele adiciona outro. No entanto, ele precisa ser compilado primeiro para renderizá-lo corretamente. Minha pesquisa me levou a $compile. Mas todos...
Eu tenho uma lista de itens em minha opinião ng-clickanexados a eles: <ul id="team-filters"> <li ng-click="foo($event, team)" ng-repeat="team in teams"> <img src="{{team.logoSmall}}" alt="{{team.name}}" title="{{team.name}}"> </li> </ul> Estou manipulando os...
Preciso executar algumas operações no escopo e no modelo. Parece que eu posso fazer isso na linkfunção ou na controllerfunção (já que ambos têm acesso ao escopo). Quando é que eu tenho que usar a linkfunção e não o controlador? angular.module('myApp').directive('abc', function($timeout) { return...
Estou tentando criar uma diretiva que cuida de adicionar mais diretivas ao elemento em que é declarada. Por exemplo, eu quero construir uma directiva que cuida de adicionar datepicker, datepicker-languagee ng-required="true". Se eu tentar adicionar esses atributos e usá-lo $compile, obviamente...
Acho que este é um dos conceitos mais difíceis de entender com a diretiva do angularjs. O documento de http://docs.angularjs.org/guide/directive diz: transcluir - compila o conteúdo do elemento e o disponibiliza para a diretiva. Normalmente usado com ngTransclude. A vantagem da transclusão é...
Quando devo usar transclude: 'true'e quando transclude: 'element'? Não consigo encontrar nada transclude: 'element'nos documentos angulares, eles são bastante confusos. Eu ficaria feliz se alguém pudesse explicar isso em linguagem simples. Qual é o benefício de cada opção? Qual é a diferença real...