Articles of angularjs directive

Como criar um tipo de input personalizado?

Eu gostaria de criar um tipo de input personalizado semelhante ao modo como o AngularJS implementa “email”, por exemplo. O que eu gostaria de criar é um tipo de input como este: Alguma idéia de como isso pode ser feito? Até agora, só consegui descobrir como implementar diretivas personalizadas onde ‘path’ é o nome da […]

Uso ilegal da diretiva ngTransclude no modelo

Eu tenho duas diretivas app.directive(‘panel1’, function ($compile) { return { restrict: “E”, transclude: ‘element’, compile: function (element, attr, linker) { return function (scope, element, attr) { var parent = element.parent(); linker(scope, function (clone) { parent.prepend($compile( clone.children()[0])(scope));//cause error. // parent.prepend(clone);// This line remove the error but i want to access the children in my real app. […]

AngularJS. Converter valor da tag (hora Unix para hora legível)

Estou recebendo dados de um database e exibindo-o: {{item.date}} Onde {{item.date}} é uma data Unix como 1374843600. Como posso definir o formato de data usando diretivas AngularJS? É possível? Quando tentei fazer isso, recebi um valor de tag mydate – {{item.date}}

Definir o foco na primeira input inválida no formulário AngularJs

Eu li vários artigos e perguntas StackOverflow relativas à configuração de foco em AngularJs. Infelizmente, todos os exemplos lidos assumem que há algum atributo que posso adicionar ao elemento para obter foco, por exemplo, uma diretiva focusMe . No entanto, e se eu não souber de antemão qual input para definir o foco? Em particular, […]

Várias diretivas solicitando escopo novo / isolado

Eu escrevi uma diretiva para diálogos (myPopup) e outra para arrastar esta checkbox de diálogo (myDraggable), mas sempre recebo o erro: Várias diretivas [myPopup, myDraggable] solicitando escopo novo / isolado Aqui está um Plunker: http://plnkr.co/edit/kMQ0hK5RnVw5xOBdDq5P?p=preview O que eu posso fazer? Código JS: var app = angular.module(‘myApp’, []); function myController($scope) { $scope.isDraggable = true; } app.directive(‘myPopup’, […]

Tabelas de vários níveis (dentro de outra se clicadas)

Cenário Vamos dizer que eu sou dono de uma grande empresa que tem muitas lojas. Dependendo de qual papel (lugar na organização) eu tenho dentro da empresa, terei access diferente aos dados. Haverá módulos diferentes e, para essa pergunta específica, há um em que os usuários que têm access podem passar pelos custos e vendas […]

Chame o método no controlador de diretriz de outro controlador

Eu tenho uma diretiva que tem seu próprio controlador. Veja o código abaixo: var popdown = angular.module(‘xModules’,[]); popdown.directive(‘popdown’, function () { var PopdownController = function ($scope) { this.scope = $scope; } PopdownController.prototype = { show:function (message, type) { this.scope.message = message; this.scope.type = type; }, hide:function () { this.scope.message = ”; this.scope.type = ”; } […]

O que é ng-transclude?

Eu vi uma série de perguntas sobre StackOverflow discutindo ng-transclude, 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 a transclusão. Isso é bastante confuso. Alguém poderia explicar em termos […]

Entendendo a opção de transclude de definição de diretiva?

Acho que esse é um dos conceitos mais difíceis de entender com a diretiva do angularjs. O documento de http://docs.angularjs.org/guide/directive diz: transclude – compilar o conteúdo do elemento e torná-lo disponível para a directiva. Normalmente usado com ngTransclude. A vantagem da transclusão é que a function de vinculação recebe uma function de transclusão que é […]

angularjs: diretiva personalizada para verificar se existe um nome de usuário

Eu tenho meu formulário de registro com o nome de usuário da checkbox de texto. Eu quero fazer é quando o usuário digitar o nome de usuário, a diretiva personalizada irá verificar se o nome de usuário inserido é existe no database. directives.js angular.module(‘installApp’).directive(‘pwCheck’, function ($http) { return { require: ‘ngModel’, link: function (scope, elem, […]