Preguntas etiquetadas con angularjs-directive

Tengo una entrada de texto. Cuando la entrada recibe el foco, quiero seleccionar el texto dentro de la entrada. Con jQuery lo haría de esta manera: <input type="text" value="test" /> $("input[type=text]").click(function() { $(this).select(); // would select "test" in this example }); He buscado alrededor para tratar de encontrar la forma …

121 angularjs  angularjs-directive 

Tengo una directiva que tiene su propio controlador. Vea el siguiente código: 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 Angularjs, necesito mostrar una pantalla de carga (una ruleta simple) hasta que se complete la solicitud ajax. Sugiera cualquier idea con un fragmento de código.

117 angularjs  angularjs-directive 

Tengo una entrada que filtra una lista de repetición ng al cambiar. La repetición contiene una gran cantidad de datos y tarda unos segundos en filtrarse por todo. Me gustaría que tuvieran un retraso de 0,5 segundos antes de comenzar el proceso de filtrado. ¿Cuál es la forma correcta en …

117 angularjs  angularjs-directive  angularjs-ng-repeat 

Me gustaría hacer una modificación menor a una directiva de terceros (específicamente Angular UI Bootstrap ). Simplemente quiero agregar al alcance de la panedirectiva: 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 

Estoy tratando de eliminar jquery de mi aplicación Angular.js para hacerla más liviana y poner jqLite de Angular en su lugar. Pero la aplicación hace un uso intensivo de find ('# id') y find ('.classname'), que no son compatibles con jqLite, solo 'nombres de etiquetas' (según la documentación) se preguntó …

110 angularjs  angularjs-directive  jqlite 

Quiero crear una directiva que se vincule a un atributo. El atributo especifica la función que debe llamarse en el ámbito. Pero también quiero pasar un argumento a la función que se determina dentro de la función de enlace. <div my-method='theMethodToBeCalled'></div> En la función de enlace, me vinculo a un …

102 angularjs-directive 

Tengo dos controladores y comparto datos entre ellos con una función app.factory. El primer controlador agrega un widget en la matriz del modelo (pluginsDisplayed) cuando se hace clic en un enlace. El widget se inserta en la matriz y este cambio se refleja en la vista (que usa ng-repeat para …

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

¿Cuál es la forma más fácil de pasar una variable de alcance AngularJS de la directiva al controlador? Todos los ejemplos que he visto parecen tan complejos, ¿no hay alguna forma de acceder a un controlador desde una directiva y establecer una de sus variables de alcance?

99 angularjs  angularjs-directive  ng-controller 

Si tengo una directiva que responde al estado de un atributo en particular en el alcance, y quiero cambiar ese atributo en mi prueba y verificar que responde correctamente, ¿cuál es la mejor manera de hacer ese cambio? He visto estos dos patrones: scope.$apply(function() { scope.myAttribute = true; }); y …

98 angularjs  angularjs-directive 

Enlace Plunker Tengo un elemento al que me gustaría vincularle html. <div ng-bind-html="details" upper></div> Eso funciona. Ahora, junto con él, también tengo una directiva que está vinculada al html enlazado: $scope.details = 'Success! <a href="#/details/12" upper>details</a>' Pero la directiva uppercon div y anchor no evalúa. ¿Cómo lo hago funcionar?

96 angularjs  angularjs-directive 

Tengo una directiva con un alcance aislado (para poder reutilizar la directiva en otros lugares), y cuando uso esta directiva con un ng-repeat, no funciona. He leído toda la documentación y las respuestas de Stack Overflow sobre este tema y entiendo los problemas. Creo que he evitado todas las trampas …

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

Parece que no puedo encontrar una manera de llamar a una función en el ámbito principal desde una directiva sin utilizar un ámbito aislado. Sé que si uso un alcance aislado, puedo usar "&" en el aislado para acceder a la función en el alcance principal, pero usar un alcance …

95 angularjs  angularjs-directive  angularjs-scope 

Mi plantilla AngularJS contiene alguna sintaxis HTML personalizada como: <su-label tooltip="{{field.su_documentation}}">{{field.su_name}}</su-label> Creé una directiva para procesarlo: .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 

No entiendo muy bien cuándo usar una directiva y cuándo sería más apropiado usar nginclude. Tome este ejemplo: tengo un parcial, password-and-confirm-input-fields.htmlque es el html para ingresar y confirmar una contraseña. Utilizo esto tanto en la página de registro como en la página de cambio de contraseña. Esas dos páginas …

93 angularjs  angularjs-directive  angularjs-ng-include