Articles of angularjs directive

Você pode mudar o templateUrl rapidamente?

É possível alterar templateUrl rapidamente, passando valores no escopo da diretiva? Eu quero passar dados para o controlador que irá processar a página com base nos dados que passaram da diretiva algo talvez parecido com isso: .directive(‘boom’, function { return { restrict: ‘E’, transclude: true, scope: ‘isolate’, locals: { data: ‘bind’ }, templateUrl: “myTemplate({{boom}}})” // […]

Angular JS: Qual é a necessidade da function de link da diretiva quando já temos o controlador da diretiva com o escopo?

Eu preciso executar algumas operações no escopo e no modelo. Parece que eu posso fazer isso na function de link ou na function de controller (já que ambos têm access ao escopo). Quando é o caso quando eu tenho que usar a function de link e não o controlador? angular.module(‘myApp’).directive(‘abc’, function($timeout) { return { restrict: […]

ng-selecionado não está funcionando no elemento select

Eu tenho um seleto vinculado mas quando ambos c.CollegeName == collegeSelection.CollegeName coincidem com o item ainda não está selecionado. Documentação não parece ajudar. Alguma ideia?

Como você pode limitar o valor da input usando o AngularJS?

Eu estou procurando maneiras de limitar o valor dentro da input para 4 e processar o valor de 4 dígitos até meu controlador. {{ search.main | limitTo:4}}

Como definir o controlador dynamic para diretivas?

A conversa é barata, mostre meus códigos primeiro: HTML: directiva: angular.module(‘attrDirective’,[]).directive(‘addIcons’, function($compile){ return { restrict : ‘A’, controller : “IconsCtrl” }, link : function (scope, elem , attrs, ctrl) { var parentElem = $(elem); var icons = $compile(“)(scope); parentElem.find(“.accordion-heading”).append(icons); }, } }); controlador: function IconsCtrl($scope){ $scope.add = function(){ console.log(“add”); }; } agora funciona, quando clico […]

Nome do Controlador NG Dinâmico

Eu quero especificar dinamicamente um controlador baseado em uma configuração que nós carregamos. Algo assim: … Como faço isso em angular? Eu pensei que isso seria muito fácil, mas eu posso encontrar uma maneira de fazer isso.

diretiva angular encapsulando um atraso para ng-change

Eu tenho um campo de input de pesquisa com uma function de consulta ligada ao ng-change. No entanto, isso triggers muito rapidamente em todos os personagens. Então acabo fazendo algo parecido com isso: $scope.updateSearch = function(){ $timeout.cancel(searchDelay); searchDelay = $timeout(function(){ $scope.requery($scope.search); },300); } De modo que o pedido só é feito 300ms depois que o […]

Diretiva de validação de formulário personalizado para comparar dois campos

Eu sou um novato angular e estou tropeçando em algo em como as diretivas de validação de formulário angular funcionam. Eu sei que posso facilmente adicionar diretivas para campos individuais , mas estou tentando adicionar uma validação que irá comparar dois campos de formulário (ambos os quais são elementos de um modelo). Aqui está um […]

Pré-visualizar imagem antes de carregar Angularjs

Oi eu queria saber se havia uma maneira de visualizar imagens antes de enviá-las usando angularjs? Eu estou usando esta biblioteca. https://github.com/danialfarid/angular-file-upload Obrigado. Aqui está o meu código: template.html controller.js .controller(‘picUploadCtr’, function($scope, $http,$location, userSettingsService) { $scope.onFileSelect = function($files) { //$files: an array of files selected, each file has name, size, and type. for (var i […]

obter o elemento original do ng-click

Eu tenho uma lista de itens na minha opinião com o ng-click anexado a eles: Estou manipulando os events de clique na function foo na minha diretiva, passando $event como referência para o object que foi clicado, mas estou recebendo uma referência à tag img , em vez da tag li . Eu então tenho […]