Articles of angularjs directive

Angularjs carregando a canvas no pedido de ajax

Usando o Angularjs, eu preciso mostrar uma canvas de carregamento (um simples spinner) até que a requisição do ajax esteja completa. Por favor, sugira qualquer ideia com um trecho de código.

Para testar uma diretiva de validação angularjs personalizada

Essa diretiva de validação personalizada é um exemplo apresentado no site oficial angular. http://docs.angularjs.org/guide/forms Verifica se uma input de texto está em formato numérico ou não. var INTEGER_REGEXP = /^\-?\d*$/; app.directive(‘integer’, function() { return { require: ‘ngModel’, link: function(scope, elm, attrs, ctrl) { ctrl.$parsers.unshift(function(viewValue) { if (INTEGER_REGEXP.test(viewValue)) { // it is valid ctrl.$setValidity(‘integer’, true); return […]

se um caminho ngSrc for resolvido para um 404, existe uma maneira de retornar a um padrão?

O aplicativo que estou criando exige que meu usuário defina quatro informações antes que essa imagem tenha a chance de ser carregada. Essa imagem é a peça central do aplicativo, portanto, o link da imagem quebrada faz com que pareça que a coisa toda está borkeada. Eu gostaria de ter outra imagem tomando seu lugar […]

Como permitir que apenas um número (dígitos e ponto decimal) seja typescript em uma input?

Eu sou novo no angularjs. Eu estou querendo saber qual é a maneira de permitir apenas um número válido typescript em uma checkbox de texto. Por exemplo, o usuário pode digitar “1,25”, mas não pode digitar “1.a” ou “1 ..”. Quando o usuário tentar digitar o próximo caractere que o tornará inválido, ele não poderá […]

Renderizando diretivas dentro de $ sce.trustAsHtml

Eu incluí um Plunker aqui: http://plnkr.co/edit/4vqV8toHo0vNjtfICtzI?p=preview Eu estou tentando adicionar um botão para o DOM e quando clicado deve executar a function vinculada a ele. Neste caso, deve alertar “teste”. Aqui está o código. controlador app.controller(‘MainCtrl’, function($scope, $sce) { $scope.trustedHtml = $sce.trustAsHtml(‘Submit’); $scope.testAlert = function () { alert(‘testing’) }; }); HTML

Angular: chamando a function do controlador dentro de uma function de link de diretiva usando &

Estamos encontrando um problema ao tentar chamar uma function passada para uma diretiva usando o “&” na function de link de nossa diretiva. Parece que a function é chamada no controlador, mas nenhum argumento é passado na chamada. Todos os exemplos que temos visto envolvem a passagem, criando uma chamada no modelo. Existe uma maneira […]

Angular estilo ng com uma expressão condicional

Estou lidando com meu problema assim: ng-style=”{ width: getTheValue() }” Mas, para evitar essa function no lado do controlador, eu preferiria fazer algo assim: ng-style=”{ width: myObject.value == ‘ok’ ? ‘100%’ : ‘0%’ }” Como posso fazer isso?

Confuso sobre Angularjs transcluído e isolar escopos e ligações

Eu estou lutando para entender o escopo dos modelos e suas ligações em relação às diretivas que têm escopo limitado. Eu entendo que restringir o escopo em uma diretiva significa que o controlador. $ Scope e directive.scope não são mais a mesma coisa. No entanto, estou confuso sobre como a colocação de modelos no modelo […]

Como selecionar um elemento por classname usando jqLite?

Eu estou tentando remover o jquery do meu aplicativo Angular.js para torná-lo mais leve e colocar jqLite do Angular em vez disso. Mas o aplicativo faz uso pesado de find (‘# id’) e find (‘.classname’), que não são suportados pelo jqLite, apenas ‘nomes de tag’ (conforme a documentação) perguntou o que você acha que seria […]

Maneira mais fácil de passar uma variável de escopo AngularJS da diretiva para o controlador?

Qual é a maneira mais fácil de passar uma variável de escopo AngularJS da diretiva para o controlador? Todos os exemplos que vi parecem tão complexos, não há como acessar um controlador de uma diretiva e definir uma das suas variables ​​de escopo?