Skip to main content

Perguntas com a tag [angularjs-directives]

Diretivas são extensões da linguagem HTML, que fornecem a possibilidade de estender/ampliar o comportamento de elementos HTML. As diretivas permitem que você gerencie elementos DOM em um padrão declarativo, liberando-o de tarefas de manipulação DOM de baixo nível.

Filtrar por
Ordenado por
Com tags
-1 votos
1 resposta
331 visitas

Erro ao usar NgModel

Boa noite, devs! Estou fazendo uma aplicação de quiz com o Angular. Na página app.component.html, recebo o seguinte erro: "(propriedade) AppComponent.currentIndex: número Não é possível vincular ...
Canal de Rock da Sarah's user avatar
-3 votos
1 resposta
113 visitas

Estou com esse erro e nao sei como resolver, meu angular é v.14 [fechada]

img de exemplo: inserir a descrição da imagem aqui
lucasalves.96_58's user avatar
-2 votos
1 resposta
243 visitas

Erro ao renderizar ou dados obtidos de uma requisição GET usando Angular

Estou fazendo um simples projeto de pókedex para treinar Angular. Consigo fazer uma requisição GET na PokéAPI, porém, quando tento renderizar os dados da requisição usando a função ngFor, os dados não ...
KalebLight's user avatar
-1 votos
1 resposta
127 visitas

Atualização de status baseado no saldo

Eu estou desenvolvendo um projeto com typescript e não estou conseguindo usar js nele. este projeto tem varias rotinas, e na maioria delas tem essa questão de status, se esta aberta, fechada ou ...
luan gusta's user avatar
-1 votos
1 resposta
668 visitas

Build docker com node angular

estou precisando de uma ajudinha com relação ao Docker, preciso buildar para gerar uma imagem, mas estou tendo o seguinte erro: Step 9/10 : COPY --from=angular /app/dist/docker-softplayer /usr/share/...
Nasser Othman's user avatar
-3 votos
1 resposta
647 visitas

Ler formato Json Angular 9

minha api retorna um formato de json da seguinte forma { "Errors": [], "Result": [ { "CompanyName": "teste inicio", "FantasyName": ...
Thiago Ubiratan's user avatar
0 votos
1 resposta
339 visitas

Evento (click) sendo anulado pelo (blur)

Em um formulário Angular 9 tenho um componente que em seu (blur) realiza alguns cálculos com valores existentes na tela. O mesmo também faz um subscribe para o back obtendo algumas informações ...
Carlos Eduardo Germano de Souz's user avatar
-1 votos
1 resposta
77 visitas

Calcular o preço total da coluna com ng repeat

Estou tentando fazer uma soma na coluna de preços totais, mas ela não é atualizada à medida que você pesquisa, o valor mantém a soma total e não dos itens que estão mostrando. angular.forEach($scope....
Marcello Infoweb's user avatar
0 votos
0 respostas
359 visitas

Angular: @Input não funciona com select/mat-select

Olá, estou criando componentes reutilizáveis com angular 8, e necessito a troca de parâmetros entre eles usando o decorator @Input, porem isto não funciona quando uso mat-select ou select nativo uma ...
Alaskah's user avatar
0 votos
1 resposta
424 visitas

Alterar cores dos gráficos com chartjs

Galera, estou utilizando o ChartJs para criação de uma dashboard e queria mudar as cores dos gráficos. Achei a biblioteca Patternomaly que auxilia nessas alterações, mas não estou sabendo importar em ...
Gedan Magalhães's user avatar
2 votos
0 respostas
84 visitas

Como colocar dois controllers em uma página sem que um interfira o outro

estou fazendo alguns formulários com Angular e em alguns dos casos preciso que a pessoa coloque alguma informação para salvar a chave estrangeira, exemplo básico: Vamos supor a venda de um produto e ...
ChrisWarmling's user avatar
3 votos
2 respostas
89 visitas

Como usar jquery em uma diretiva angularjs?

Tentei colocar uma função em jQuery dentro de uma diretiva, mas não está funcionando. Pesquisei e achei em vários lugares falando sobre jqLite, mas não soube converter o jQuery para jqLite. $('[data-...
Danielle Rodrigues's user avatar
0 votos
0 respostas
124 visitas

Página apresenta erro em Angular

peguei uma página para manutenção e notei o seguinte erro: Suspeito que os diretórios do angular devem estar incorretos, porém mesmo ao trocá-los e colocar o link pego na internet (CDN) ...
Christian Jorge's user avatar
0 votos
1 resposta
3mil visitas

Angular NG-FOR e NG-IF

Estou tentando criar uma barra de navegação lateral com links dinâmicos, mas está ocorrendo um erro. component.ts import { Component, OnInit } from '@angular/core'; @Component({ selector: 'pl-...
Leonardo Vinicius's user avatar
0 votos
1 resposta
80 visitas

injetar dependencia em uma função de link em uma directive angularJs?

Pessoal estou fazendo uma directive(componente) que necessita de uma dependência $compile, estou fazendo as operações no link da diretiva e preciso do $compile dentro dela só que não estou conseguindo ...
Marcos Henrique's user avatar
-2 votos
1 resposta
182 visitas

Como carregar um metódo assim que a pagina é carregada ? Angularjs

Tenho um método, carregarpagina(); que precisa ser carregado assim que a página for carregada. Como faço isso no Angularjs.
Dan100's user avatar
  • 299
0 votos
1 resposta
46 visitas

Como não mostrar elemento que não tem conteudo usando Angular js?

Eu tenho que listar para o usuario uma mensagem dentro de um panel dependendo do "Radio" que cara vai clicar para mostrar uma mensagem. tem um radio como SIM e outro como NÃO. se ele clicar no sim, ...
Gladiador's user avatar
  • 335
0 votos
1 resposta
70 visitas

Criar linha de forma dinâmica

A duvida é a seguinte eu preciso criar uma linha em minha tabela sempre a data mudar como poderia fazer isso segue a tabela: <table class="table table-striped" height="100%"> <thead> ...
Wesley S's user avatar
4 votos
2 respostas
15mil visitas

Erro: Access to XMLHttpRequest at 'file:///...' from origin 'null' has been blocked by CORS policy [fechada]

Olá, estou tentando adicionar um arquivo html dentro de outra página atraves de uma diretiva. E da este erro: Access to XMLHttpRequest at 'file:///.../AngularJs/Formul%C3%A1rio%20Simples/views/...
Rafaela Cordeiro's user avatar
0 votos
1 resposta
63 visitas

Adicionar vários transclude em uma directive angularJS

Estou criando um componente de menu em Angular 1.5.8 onde serão inseridos outros componentes como dropdowns, botão de busca e etc. Esses templates não serão adicionados ao código da directive - eles ...
Marcos Henrique's user avatar
0 votos
1 resposta
142 visitas

Como recarregar uma Directive do AngularJS no Controller?

Saudações pessoal, estou desenvolvendo um app com login e estou utilizando o AngularJS, mas estou com uma dúvida cruel na hora de logar o usuário. Acontece que eu estou utilizando o menu do usuário ...
Herbeth Santana's user avatar
0 votos
1 resposta
255 visitas

Como receber uma diretiva dentro de um componente no AngularJS

Essa foto exemplifica o que desejo fazer: Link para documentação da TOTVS AngularJS Este é o trecho do form em que estou tentando fazer isso. Estou recebendo os componentes required, number e ...
Rafael Zulianeli's user avatar
2 votos
0 respostas
113 visitas

Busca no sistema usando angularjs e java

Tenho um back-end Java: JPA, HIbernate. Entidades funcionando corretamente, tenho até uma classe SearchResource @Path("/search") @ApiDefinitionBase @Produces(MediaType.APPLICATION_JSON) @Consumes(...
cpll's user avatar
  • 460
2 votos
1 resposta
2mil visitas

Reutilizar componente em outro componente e obter os dados do filho em Angular

Fiz um componente de busca de CEP desta forma: Criei o componente, seu HTML é: <fieldset [disabled]="isLoading"> <div class="row col-md-6"> <div class="row"> ...
Ramos's user avatar
  • 620
0 votos
1 resposta
52 visitas

Atualizar a tbody ao selecionar opção na ng-options

Estou precisando atualizar uma div após a seleção da opção na ng-option. Controller.js $scope.prop = { "type": "select", "name": "Service", "value": "CDI", ...
aleestevao's user avatar
-1 votos
1 resposta
993 visitas

Como mudar o tamanho da fonte de todas as páginas usando o Range do ionic 3?

Tenho o seguinte código html [settings.html] <ion-item> <ion-range min="1" max="4" step="1" snaps="true" [(ngModel)]="saturation" color="grey"> <ion-label range-left style=...
someone's user avatar
  • 23
0 votos
1 resposta
69 visitas

Precedência nas declarações de atributos/evento em TAGs fazem diferença? Angular2+

Trabalho com AngularJs e Angular2+ a quase dois anos e recentemente, no Angular2+, me deparei com uma situação diferente que me fez pensar se foi mera coincidência ou por razão da versão do Angular ...
Jocsã's user avatar
  • 347
1 voto
1 resposta
2mil visitas

Resgatar dados de outro componente angular

Tenho um componente chamado login que quando realiza o login preenche os dados do objeto usuário, eu preciso pegar o campo "cargo" deste objeto e receber em outro componente. Eu tentei: login....
veroneseComS's user avatar
  • 2.819
0 votos
1 resposta
744 visitas

Limpar input - ng-model - change

Possuo um md-select onde de acordo com o selecionado, crio algumas div's usando ng-if. Essas div's criadas possuem em 02 delas, modelos(ng-model) iguais. Assim sendo, quando realizar a troca de md-...
Bruno Souza's user avatar
2 votos
2 respostas
2mil visitas

Focar no próximo input ao atingir o número máximo de caracteres

Criei uma diretiva para mover o cursor para o próximo campo quando atingir o tamanho máximo de caracteres, desta forma abaixo: var app = angular.module("myApp", []); app.directive("...
viana's user avatar
  • 27,7mil
1 voto
1 resposta
364 visitas

Como criar uma diretiva em AngularJs que crie uma máscara e não modifiquei o ng-model?

Criei uma diretiva onde a mesma serve de máscara para conta corrente, então quanto digito um valor sempre o valor mais a direita no input é o dígito da minha conta, até então beleza, está funcionando. ...
Jonathan Guilherme's user avatar
1 voto
1 resposta
2mil visitas

Angular Format-date com a data diminuida um dia

Estou usando um diretiva do angular para tratar as datas minha diretiva é esta : app.directive("formatDate", function() { return { require: 'ngModel', link: function(scope, elem,...
Eduardo Krakhecke's user avatar
0 votos
0 respostas
49 visitas

Angular No Heroku Não Acessa As URL Digitando

Gostaria de tirar uma dúvida, estou fazendo um soft com Angular 5 e WebService Restful quando eu testo local eu consigo acessar as URL normalmente diretamente quando eu tento fazer isso com a ...
Ederson Coelho's user avatar
1 voto
1 resposta
8mil visitas

Como Pegar A Variável De Outro Component

Tenho a seguinte situação: utils-nav-usuario.component.html <nav class="navbar fixed-bottom navbar-expand-lg navbar-dark bg-dark"> <a class="navbar-brand text-white">ESC - Sistema De ...
Ederson Coelho's user avatar
0 votos
1 resposta
125 visitas

Exibir em ngModel retorno do FireStore

Como exibir os dados retornados do FireStore em uma diretiva do Angular ngModel? Gostaria de pegar os dados que é retornado do FireStore e exibir em uma diretiva do Angular ngModel, exibindo em uma ...
Luiz Ricardo Cardoso's user avatar
1 voto
1 resposta
1mil visitas

Diretiva para restringir digitação com expressão regular no AngularJS

Eu escrevi uma diretiva para inibir a digitação a partir da especificação de uma regex. No entanto há dois bugs nessa solução: No primeiro exemplo o input deve permitir somente números ou números ...
Geison Santos's user avatar
0 votos
2 respostas
454 visitas

Criar Directive Attribute para data Mês/Ano em Angular JS

Como criar uma formatação de data Mês/A Desenvolvi conforme código abaixo, e ele não está passando pelos menus consoles, ou seja, não está entrando no link: Obs: não está dando nenhum erro no ...
Nicola Bogar's user avatar
  • 1.155
0 votos
1 resposta
907 visitas

Como passar parâmetros bidirecional para uma diretiva AngularJS

Preciso que o atributo parameterID="{{autor.ID}} que na diretiva é parameterID: '@' seja atualizado assim que for mudado, ou seja, preciso que o bind seja biderecional, vi em varios lugares dizendo ...
Nicola Bogar's user avatar
  • 1.155
0 votos
1 resposta
42 visitas

Criar uma directive que force o bind de um formulá

Seguindo uma publicação de Fernando Mantoan, a coisa parace se bem simple, cria-se a directive: myApp.directive('forceBind', function() { return { require: '^form', priority: -1, link: ...
Milrak Pereira Pessoa's user avatar
2 votos
0 respostas
100 visitas

Como utilizar ng-repeat dentro da biblioteca ui-carousel?

O carousel funciona, porém não estou conseguindo fazer ng-repeat dentro da diretiva, como poderia resolver isso? No controller tenho a coleção: $scope.steps = [ {id:1, text: 'nnoonon 1', current:...
Ivan Ferrer's user avatar
  • 12,3mil
0 votos
1 resposta
508 visitas

AngularJS ng-click chamado duas vezes

Eu estou utilizando o ng-click para fazer uma chamada comum de javascript. Porém ele está sendo chamado/disparado duas vezes quando clico na chamada. Minha diretiva: angular.module('myApp....
Bruno Heringer's user avatar
0 votos
0 respostas
128 visitas

Diretiva não funciona com propriedades dinâmicas

Opa, galera. Estou desenvolvendo umas diretivas customizadas por aqui, e elas precisam ter propriedades adicionadas de forma flexível (tipo um ng-class). Consegui desenvolver o mecanismo para fazer ...
HDeiro's user avatar
  • 910
0 votos
1 resposta
111 visitas

Adicionar evento a um elemento na directive

Tenho uma directive que dentro dela tem uma lista. Esta lista é preenchida após a resposta bem sucedida de uma chamada ajax. Por esse motivo a minha função link da directive não encontra essa lista ...
Felipe Coelho's user avatar
1 voto
1 resposta
60 visitas

Setar o componente/app Angular 2 na tag <body>

Gostaria de definir a tag <body> como raiz de minha aplicação Angular 2 em vez de crir uma tag filha <my-app> (por exemplo).
Edgar Damasceno's user avatar
0 votos
1 resposta
79 visitas

Rolagem automatica de itens com angularJs

Eu tenho uma lista de itens, dentro de uma div, com a diretiva do angular ng-repeat. E preciso nessa lista, utilizar uma rolagem automática, semelhante a esta DEMOSTRAÇÃO (está, utiliza o plugin super-...
Erico Souza's user avatar
  • 2.218
0 votos
2 respostas
832 visitas

Angular não reconhece uma variável de fora do controle

Eu to com uma dúvida, já procurei em outros fóruns e não achei a solução. Fiz um teste no um código abaixo apenas para demonstração. *//dentro do controle do angular* angular.module("NaBalada")....
Pedro Lucas Lima's user avatar
0 votos
1 resposta
51 visitas

Seria interessante diretivas usando http.get?

Este é um pedaço do html: <tr ng-repeat="projeto in projetos"> <td>{{projeto.name}}</td> <td>{{projeto.status}}</td> </tr> O mesmo utiliza um controller ...
La Treta's user avatar
  • 111
0 votos
1 resposta
301 visitas

ng-include não funciona após usar uma diretiva

eu precisei fazer um controller dinamico, porém quando uso a diretiva data-ng-dynamic-controller o meu ng-include não funciona alguém sabe oque pode ser? Diretiva ng-dynamic-controller appModule....
Hiago Souza's user avatar
  • 5.996
1 voto
0 respostas
364 visitas

Angular2 Atualizar variáveis entre componentes

Estou iniciando no angular 2 e gostaria de saber a melhor maneira de fazer o seguinte: Tenho 2 components, toolbar.component e profile.component. Quando o usuário atualizar o nome do logo e sua foto (...
gmadeira's user avatar
  • 141
0 votos
1 resposta
410 visitas

AngularJS - diretiva e view não estão funcionando corretamente

Estou fazendo uma pequena aplicação para meu estágio, para estudos e tudo mais, porém mesmo eu seguindo todos os passos, há algo de errado, não consigo fazer com que o angular (versão 1) renderize a ...
Márcio Eric's user avatar