Perguntas com a marcação «angularjs-directive»

Eu tenho uma lista de itens em minha opinião ng-clickanexados a eles: <ul id="team-filters"> <li ng-click="foo($event, team)" ng-repeat="team in teams"> <img src="{{team.logoSmall}}" alt="{{team.name}}" title="{{team.name}}"> </li> </ul> Estou manipulando os eventos de clique na foofunção na minha diretiva, passando $eventcomo uma referência ao objeto que foi clicado, mas estou obtendo uma …

204 angularjs  angularjs-directive 

Preciso executar algumas operações no escopo e no modelo. Parece que eu posso fazer isso na linkfunção ou na controllerfunção (já que ambos têm acesso ao escopo). Quando é que eu tenho que usar a linkfunção e não o controlador? angular.module('myApp').directive('abc', function($timeout) { return { restrict: 'EA', replace: true, transclude: …

199 javascript  angularjs  angularjs-directive 

Estou tentando criar uma diretiva que cuida de adicionar mais diretivas ao elemento em que é declarada. Por exemplo, eu quero construir uma directiva que cuida de adicionar datepicker, datepicker-languagee ng-required="true". Se eu tentar adicionar esses atributos e usá-lo $compile, obviamente gerarei um loop infinito, por isso estou verificando se …

197 javascript  angularjs  model-view-controller  mvvm  angularjs-directive 

Acho que este é um dos conceitos mais difíceis de entender com a diretiva do angularjs. O documento de http://docs.angularjs.org/guide/directive diz: transcluir - compila o conteúdo do elemento e o disponibiliza para a diretiva. Normalmente usado com ngTransclude. A vantagem da transclusão é que a função de ligação recebe uma …

195 angularjs  angularjs-directive 

Quando devo usar transclude: 'true'e quando transclude: 'element'? Não consigo encontrar nada transclude: 'element'nos documentos angulares, eles são bastante confusos. Eu ficaria feliz se alguém pudesse explicar isso em linguagem simples. Qual é o benefício de cada opção? Qual é a diferença real entre eles? Isto é o que eu …

176 angularjs  angularjs-directive  angularjs-ng-transclude 

Eu tenho uma tag personalizada em um routeProvidermodelo que exige um directivemodelo. O versionatributo será preenchido pelo escopo que, em seguida, solicita o modelo certo. <hymn ver="before-{{ week }}-{{ day }}"></hymn> Existem várias versões do hino com base em que semana e dia é. Eu estava antecipando usar a diretiva …

169 angularjs  angularjs-directive 

Eu tenho uma diretiva de formulário que usa um callbackatributo especificado com um escopo isolado: scope: { callback: '&' } Ele fica dentro de um, ng-repeatentão a expressão que eu passo inclui ido objeto como argumento para a função de retorno de chamada: <directive ng-repeat = "item in stuff" callback …

160 javascript  angularjs  angularjs-directive  angularjs-scope 

Eu li muito sobre o uso desses símbolos na implementação de diretivas personalizadas no AngularJS, mas o conceito ainda não está claro para mim. Quero dizer, o que significa se eu usar um dos valores de escopo na diretiva personalizada? var mainApp = angular.module("mainApp", []); mainApp.directive('modalView',function(){ return{ restrict:'E', scope:'@' OR …

151 angularjs  angularjs-directive  angularjs-scope 

Comecei a aprender sobre o AngularJS e estou confuso sobre quais são as diferenças entre as diretivas ng-appe data-ng-app.

147 angularjs  angularjs-directive 

Estou apenas começando com angularjs e estou trabalhando para converter alguns plugins JQuery antigos em diretivas Angular. Eu gostaria de definir um conjunto de opções padrão para minha diretiva (elemento), que pode ser substituída especificando o valor da opção em um atributo. Examinei a maneira como os outros fizeram isso …

145 javascript  angularjs  angularjs-directive  options  default-value 

Como posso disparar uma $watchvariável em uma diretiva Angular ao manipular os dados internos (por exemplo, inserir ou remover dados), mas não atribuir um novo objeto a essa variável? Atualmente, tenho um conjunto de dados simples sendo carregado de um arquivo JSON. Meu controlador Angular faz isso, bem como define …

132 javascript  angularjs  angularjs-directive 

O aplicativo que estou construindo exige que meu usuário defina 4 informações antes que esta imagem possa ser carregada. Esta imagem é a peça central do aplicativo, portanto, o link quebrado da imagem faz com que pareça que a coisa toda está funcionando. Gostaria de ter outra imagem em seu …

129 angularjs  angularjs-directive 

O ponto de interrogação depois de igual tem um significado especial? ou seja: scope: {foo: '=?'} o acima significa 'não gerar erro se' foo 'não puder ser resolvido?

127 angularjs  angularjs-directive 

Estou escrevendo um aplicativo de exemplo usando angularjs. Eu recebi um erro mencionado abaixo no navegador Chrome. O erro é Erro: [ng: areq] http://errors.angularjs.org/1.3.0-beta.17/ng/areq?p0=ContactController&p1=not%20a%20function%2C%20got%20undefined O que renderiza como O argumento 'ContactController' não é uma função, ficou indefinido Código <!DOCTYPE html> <html ng-app> <head> <script src="../angular.min.js"></script> <script type="text/javascript"> function ContactController($scope) { …

123 javascript  angularjs  angularjs-directive  angularjs-scope 

Eu tenho uma diretiva AngularJS que tem um templateUrldefinido. Estou tentando testá-lo com Jasmine. Meu Jasmine JavaScript parece com o seguinte, por recomendação do presente : describe('module: my.module', function () { beforeEach(module('my.module')); describe('my-directive directive', function () { var scope, $compile; beforeEach(inject(function (_$rootScope_, _$compile_, $injector) { scope = _$rootScope_; $compile = …

122 angularjs  angularjs-directive  jasmine