Perguntas com a marcação «angularjs-directive»

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.

30
Como definir o foco no campo de entrada?
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 nele. Tentei atingir o primeiro …
6
Link vs compilar vs controlador
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á claro, que tipo …
19
Como usar um evento de pressionamento de tecla no AngularJS?
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" data-ng-change="change($index)" required placeholder="{{item.closeMeasure}}" /></td> Este é o meu módulo: angular.module('components', ['ngResource']); Estou usando um recurso …
13
Como chamar um método definido em uma diretiva AngularJS?
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: center, mapTypeId: google.maps.MapTypeId.ROADMAP }; // create map var map = new google.maps.Map(document.getElementById(attrs.id), $scope.map_options); var …
13
Qual é a melhor maneira de aplicar condicionalmente atributos no AngularJS?
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 $scope.editModeestivesse definido como true. Existe alguma maneira fácil de implementar esse comportamento de atributo da …
2
O que é ng-transclude?
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 confuso. Alguém …
5
Ao escrever uma diretiva no AngularJS, como decido se não preciso de um novo escopo, um novo escopo filho ou um novo escopo isolado?
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 filho …
6
Como definir um atributo iframe src de uma variável no AngularJS
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)" href="">{{project.url}}</a> </li> </ul> <iframe ng-src="{{trustSrc(currentProject.url)}}"> Something wrong... </iframe> </div> controllers / app.js: function AppCtrl ($scope) { $scope.projects = { 1 …
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.