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

Eu tenho uma entrada de texto. Quando a entrada recebe o foco, quero selecionar o texto dentro da entrada. Com o jQuery, eu faria da seguinte maneira: <input type="text" value="test" /> $("input[type=text]").click(function() { $(this).select(); // would select "test" in this example }); Eu procurei ao redor para tentar encontrar a …

121 angularjs  angularjs-directive 

Eu tenho uma diretiva que tem seu próprio controlador. Veja o código abaixo: var popdown = angular.module('xModules',[]); popdown.directive('popdown', function () { var PopdownController = function ($scope) { this.scope = $scope; } PopdownController.prototype = { show:function (message, type) { this.scope.message = message; this.scope.type = type; }, hide:function () { this.scope.message = …

118 javascript  jquery  angularjs  angularjs-directive 

Usando o Angularjs, preciso mostrar uma tela de carregamento (um botão giratório simples) até que a solicitação ajax seja concluída. Por favor, sugira qualquer ideia com um snippet de código.

117 angularjs  angularjs-directive 

Eu tenho uma entrada que filtra uma lista de repetição de ng na mudança. A repetição contém muitos dados e leva alguns segundos para filtrar tudo. Eu gostaria que houvesse um atraso de 0,5 segundo antes de iniciar o processo de filtragem. Qual é a maneira correta no angular de …

117 angularjs  angularjs-directive  angularjs-ng-repeat 

Eu gostaria de fazer uma pequena modificação em uma diretiva de terceiros (especificamente Angular UI Bootstrap ). Desejo simplesmente adicionar ao âmbito da panediretiva: angular.module('ui.bootstrap.tabs', []) .controller('TabsController', ['$scope', '$element', function($scope, $element) { // various methods }]) .directive('tabs', function() { return { // etc... }; }) .directive('pane', ['$parse', function($parse) { return …

114 javascript  angularjs  angularjs-directive  angular-ui-bootstrap  bower 

Estou tentando remover o jquery do meu aplicativo Angular.js para torná-lo mais leve e colocar o jqLite do Angular no lugar. Mas o aplicativo faz uso intenso de find ('# id') e find ('.classname'), que não são suportados pelo jqLite, apenas 'nomes de tag' (conforme documentação) gostaria de saber qual …

110 angularjs  angularjs-directive  jqlite 

Quero criar uma diretiva que vincule a um atributo. O atributo especifica a função que deve ser chamada no escopo. Mas também quero passar um argumento para a função que é determinada dentro da função de link. <div my-method='theMethodToBeCalled'></div> Na função de link, eu ligo a um evento jQuery, que …

102 angularjs-directive 

Eu tenho dois controladores e compartilho dados entre eles com uma função app.factory. O primeiro controlador adiciona um widget na matriz de modelo (pluginsDisplayed) quando um link é clicado. O widget é colocado na matriz e essa mudança é refletida na visualização (que usa ng-repeat para mostrar o conteúdo da …

100 angularjs  angularjs-directive  angularjs-scope  angularjs-ng-repeat 

Qual é a maneira mais fácil de passar uma variável de escopo AngularJS da diretiva para o controlador? Todos os exemplos que vi parecem tão complexos, não há uma maneira de acessar um controlador de uma diretiva e definir uma de suas variáveis ​​de escopo?

99 angularjs  angularjs-directive  ng-controller 

Se eu tiver uma diretiva que responde ao status de um atributo específico no escopo e quiser alterar esse atributo em meu teste e verificar se ele responde corretamente, qual é a melhor maneira de fazer essa alteração? Eu vi esses dois padrões: scope.$apply(function() { scope.myAttribute = true; }); e …

98 angularjs  angularjs-directive 

Plunker Link Eu tenho um elemento que gostaria de vincular html a ele. <div ng-bind-html="details" upper></div> Isso funciona. Agora, junto com ele, também tenho uma diretiva que está vinculada ao html vinculado: $scope.details = 'Success! <a href="#/details/12" upper>details</a>' Mas a diretiva uppercom div e âncora não avalia. Como faço isso …

96 angularjs  angularjs-directive 

Eu tenho uma diretiva com um escopo isolado (para que eu possa reutilizar a diretiva em outros lugares) e, quando uso essa diretiva com um ng-repeat, ela não funciona. Eu li toda a documentação e as respostas do Stack Overflow sobre este tópico e compreendo os problemas. Eu acredito que …

95 angularjs  angularjs-directive  angularjs-scope  angularjs-ng-repeat 

Não consigo encontrar uma maneira de chamar uma função no escopo pai de uma diretiva sem usar o escopo isolado. Eu sei que se eu usar o escopo isolado, posso apenas usar "&" no isolado para acessar a função no escopo pai, mas usar o escopo isolado quando não é …

95 angularjs  angularjs-directive  angularjs-scope 

Meu modelo AngularJS contém alguma sintaxe HTML personalizada como: <su-label tooltip="{{field.su_documentation}}">{{field.su_name}}</su-label> Eu criei uma diretiva para processá-lo: .directive('suLabel', function() { return { restrict: 'E', replace: true, transclude: true, scope: { title: '@tooltip' }, template: '<label><a href="#" rel="tooltip" title="{{title}}" data-placement="right" ng-transclude></a></label>', link: function(scope, element, attrs) { if (attrs.tooltip) { element.addClass('tooltip-title'); } …

95 angularjs  angularjs-directive 

Não entendo muito bem quando usar uma diretiva e quando seria mais apropriado usar nginclude. Veja este exemplo: Eu tenho um parcial password-and-confirm-input-fields.html, que é o html para inserir e confirmar uma senha. Eu uso isso tanto na página de inscrição quanto na página de alteração de senha. Essas duas …

93 angularjs  angularjs-directive  angularjs-ng-include