Respostas interessantes marcadas com a tag

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 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 ...
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 ...
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/...
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 ...
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-...
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>
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("...
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>' } });...
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 ...
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 ...
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 ...
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 ...
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