6
votos
Aceito
Duvida com o ng-if ou o ng-hide AngularJS
A diretiva ng-hide esconde o elemento dependendo do resultado da expressão que for especificada no atributo.
Exemplo:
<button ng-hide="esconderBotao">Botao 1</button>
Caso a variável ...
- 5.207
5
votos
Aceito
Qual é a diferença entre "=" e "<" nas opções de "scope" de uma diretiva costumizada?
Você está fazendo uma pequena confusão com o scope isolado da diretiva. Vou esclarecer melhor:
Por padrão, ao criar uma diretiva, ela possui scope: false dessa forma, ela não cria um escopo, ela ...
3
votos
Aceito
Passar diretiva dentro de template
Você pode criar uma outra diretiva chamada "modal-corpo" passando o corpo(nome da diretiva a ser injetada) como parâmetro, ficando assim:
angular.module("layout")
.directive('modalCorpo', function ($...
- 197
3
votos
Aceito
Fazer com que duas directives tenham o mesmo $scope no Angular
Não sou muito experiente com angularjs, mas até onde eu sei o comportamento padrão de uma diretiva é compartilhar o scope do controller (do contrário precisamos criar um scope isolado).
Você está ...
- 3.894
3
votos
Expressão regular para telefones?
Eu criei uma expressão regular que identifica se uma string é um telefone, levando em conta os seguintes casos:
telefones 0800
números de operadoras e serviços como 10315 e 190
telefones ...
- 239
3
votos
Aceito
AngularJS - Diretivas: Element ou Atributo
Você é livre para utilizar ambas quando bem entender, mas em alguns casos vale mais a pena utilizar ao invés do outro.
Diretivas como elemento é uma boa pedida quando você está trabalhando com ...
- 6.931
3
votos
Aceito
Como usar template em diretivas com restrict M (comentários)?
Um comentário não pode possuir elementos-filhos. Entretanto você pode compilar o elemento resultante da avaliação do controller após o comentário em si:
angular.module('example', [])
.directive('...
- 36,8mil
3
votos
$window.location.reload()
Você está utilizando angular1?
Parece que o elemento está sendo inicializado pela primeira vez com ng-init e quando a rota muda o controller muda
Você considerou portar estes valores que estao sendo ...
- 121
3
votos
Aceito
$window.location.reload()
Depois de muita investigação junto com o Fred no chat conseguimos concluir que isso é um bug da diretiva angular-leaflet-directive
O problema é descrito nesta issue:
https://github.com/tombatossals/...
- 121
3
votos
Diretiva para restringir digitação com expressão regular no AngularJS
Para resolver o problema (2) dos diacríticos:
<input type="text" allow-typing="^[A-zÀ-ÿ]+$"/>
Para resolver o problema (1) use timeout e compara o valor pré e pós keydown.
Mas ainda permite ...
- 5.120
2
votos
Diretivas dinâmicas com angularJs
Consegui resolver da seguinte forma:
//View aonde é renderizado os elementos:
<fieldset>
<section ng-repeat="field in preview.model.Field">
<field-builder field-...
- 3.406
2
votos
Fazer com que duas directives tenham o mesmo $scope no Angular
Você pode usar a função $broadcast do $rootScope para transmitir os eventos que desejar.
Código:
demo.controller('MyCtrl', ['$scope', '$rootScope', function ($scope, $rootScope) {
$scope.count = 0;...
- 3.008
2
votos
Angular + Chartjs
Creio que você deve referenciar o controller no HTML , por exemplo use o ng-app="app" na tag <html> e use ng-controller="LineCtrl" na tag <body>
- 574
2
votos
Aceito
Passar valores entre diretivas
Para resolver o problema foi necessário alterar os @'s por = e alterar o nome dos atributos na diretiva mensagem, pois os nomes com camel case estavam dando problema.
"use strict";
angular.module("...
- 576
2
votos
Aceito
Criar uma diretiva
Você pode antes do fechamento do controller colocar, por exemplo:
.directive('ngSparkline', function() {
return {
restrict: 'A',
template: '<div class="sparkline"></div>'
}
});...
- 4.095
2
votos
Como utilizar .directive, modularização e divisão de camadas? AngularJS
Vamos lá:
Antes de mais nada você precisa entender o que é um controlador, um serviço e uma diretiva no angular
Controlador (Controller)
Entenda item como sendo um controlador dos componentes que ...
- 3.621
2
votos
Duvida com o ng-if ou o ng-hide AngularJS
O ng-if não foi feito para ocultar a div mas sim eliminar do código ao abrir a pagina, caso for false irá sumir o determinado código.
O certo é utilizar o ng-show e o ng-hide para mostrar e ocultar, ...
2
votos
Aceito
Como obrigar que diretiva so funcione se estiver dentro de uma diretiva específica?
O parâmetro require é a maneira correta de descrever requerimentos de dependência na definição da Directive.
.directive('subDiretiva', function() {
return {
scope: { data: "=" },
...
- 36,8mil
2
votos
Aceito
Criar função global em AngularJs?
Você pode criar um serviço que forneça esta função, é a angular way de se fazer algo do tipo.
angular.factory('meuServico', meuServicoFunction);
function meuServicoFunction($mdToast) {
var ...
2
votos
Criar função global em AngularJs?
Possível, é. Não quer dizer que seja recomendável, pois você perde contexto.
Assumindo que o provider $mdToast é fornecido por um módulo chamado mdToast:
var injector = angular.injector('mdToast');
...
- 36,8mil
2
votos
Aceito
ordenação de AngularJS da tabela não altera
O problema pode residir no fato que em nenhum momento o objeto sort é mencionado no ng-repeat, ou aplicado à coleção.
Outro fator - em nenhuma parte do seu código a coleção $scope.user2 é mencionada, ...
- 36,8mil
2
votos
Aceito
Array de JSON com checkbox AngularJS
Não entendi muito bem, mas pelo que vi em um comentário você queria algo mais "completo" e não só pegar o [1,2,3].
Veja se esse exemplo que montei pode te ajudar: http://jsfiddle.net/sinkz/HB7LU/...
- 8.734
2
votos
Aceito
Mostrar campo float em formato de moeda utilizando filters no AngularJS
Mais especificamente:
{{ Valor | currency:'BRL':2 }}
Para trazer a vírgula, altere seu app.module também:
import { NgModule, LOCALE_ID } from '@angular/core';
.
.
.
@NgModule({
...
providers: [...
2
votos
Aceito
Directive não está sendo chamada, validador customizado AngularJS
Você possui alguns erros na declaração da sua diretiva. A diretiva do AngularJS é aplicada através da diferenciação entre letras maiúsculas e minúsculas, sendo que ela para cada letra maiúscula que ...
- 8.198
2
votos
Aceito
Como utilizar templateUrl de directive com controller externo?
Apesar da solução da Thavia poder funcionar, vai depender do seu uso. Eu particularmente não gosto de usar controller explicitamente definido no directive, ou se quer controller com directive, pois ...
- 8.198
2
votos
Aceito
Directive Angular
Você colocou:
<meu-botao-editar href="/fotos/edit/{{foto._id}}" nome="Editar"></meu-botao-perigo>
<meu-botao-perigo acao="remover(foto)" nome="Remover"></meu-botao-perigo>
O ...
- 994
2
votos
Aceito
Banner Rotativo
Versão utilizando $timeout como temporizador. Note que o método swapSlide tanto seleciona o slide a ser exibido como define uma auto-chamada temporizada.
var app = angular.module('sampleApp', []);...
- 36,8mil
2
votos
Ui-route Mais de uma view
Biellx, use as Nested Views do ui-router.
Exemplo:
var app = angular.module('app', ['ui.router']);
app.config(function ($stateProvider, $urlRouterProvider) {
// For any unmatched ...
- 233
2
votos
Aceito
Compilar diretivas a partir do Controller
Bem, vou deixar um exemplo com o $compile mesmo, dê uma olhada.
Exemplo com JSON e ngRepeat:
var app = angular.module('app', ["ngAnimate","ui.bootstrap"]);
app.directive('compile', function ($...
- 10,1mil
2
votos
Realizar upload de arquivo com parâmetros no Silex com Angular-File-Upload
Código angular-file-upload. Omita o atributo file e adicione no objeto data.
$upload.upload({
url: url,
data: {
id: id,
descricao: descricao,
file: anexo
},
})....
- 21
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
angularjs-directives × 141angularjs × 117
javascript × 45
angular × 22
angularjs-scope × 19
typescript × 8
angular-module × 7
html × 6
html5 × 5
front-end × 5
angular-routes × 4
jquery × 3
java × 2
json × 2
maps × 2
atributos × 2
chartjs × 2
angular-material × 2
angularjs-services × 2
ui-router × 2
php × 1
asp.net-mvc × 1
array × 1
.net × 1
node.js × 1