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.
139 perguntas
-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 ...
-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
-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 ...
-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 ...
-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/...
-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": ...
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 ...
-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....
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 ...
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 ...
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 ...
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-...
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) ...
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-...
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 ...
-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.
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, ...
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>
...
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/...
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 ...
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 ...
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 ...
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(...
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">
...
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",
...
-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=...
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 ...
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....
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-...
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("...
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. ...
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,...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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: ...
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:...
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....
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 ...
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 ...
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).
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-...
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")....
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 ...
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....
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 (...
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 ...