Las directivas de AngularJS son una forma de enseñar nuevos trucos HTML al extender el vocabulario HTML. Las directivas le permiten administrar elementos DOM en un patrón declarativo, liberándolo de tareas de manipulación DOM de bajo nivel.
Leí cuidadosamente la documentación de AngularJS sobre el tema, y luego jugueteé con una directiva. Aquí está el violín . Y aquí hay algunos fragmentos relevantes: Del HTML : <pane bi-title="title" title="{{title}}">{{text}}</pane> De la directiva del panel: scope: { biTitle:...
¿Cuál es la 'forma angular' para establecer el foco en el campo de entrada en AngularJS? Requisitos más específicos: Cuando se abre un Modal , enfóquese en uno predefinido <input>dentro de este Modal. Cada vez que <input>sea visible (por ejemplo, haciendo clic en algún botón),...
Cuando crea una directiva, puede poner código en el compilador, la función de enlace o el controlador. En los documentos, explican que: La función de compilación y enlace se utiliza en diferentes fases del ciclo angular. los controladores se comparten entre directivas Sin embargo, para mí no...
Entiendo eso ng-showy ng-hideafecta la clase establecida en un elemento y esong-if controla si un elemento se representa como parte del DOM. ¿Existen pautas para elegir ng-ifsobre ng-show/ ng-hideo
Cerrado. Esta pregunta no cumple con las pautas de desbordamiento de pila . Actualmente no está aceptando respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que sea sobre el tema de Stack Overflow. Cerrado hace 5 años . Al escribir...
Quiero ver el evento de presionar la tecla enter en el cuadro de texto a continuación. Para que quede más claro, estoy usando a ng-repeatpara poblar el cuerpo. Aquí está el HTML: <td><input type="number" id="closeqty{{$index}}" class="pagination-right closefield"
Estoy buscando cualquier forma de acceder al alcance "principal" dentro de una directiva. Cualquier combinación de alcance, transcluir, requerir, pasar variables (o el alcance en sí) desde arriba, etc. Estoy totalmente dispuesto a inclinarme hacia atrás, pero quiero evitar algo totalmente hacky o...
Si tengo una barra de navegación en bootstrap con los elementos Home | About | Contact ¿Cómo configuro la clase activa para cada elemento del menú cuando están activos? Es decir, ¿cómo puedo configurar class="active"cuando la ruta angular está en #/ para casa #/about para la página acerca...
Tengo una directiva, aquí está el código: .directive('map', function() { return { restrict: 'E', replace: true, template: '<div></div>', link: function($scope, element, attrs) { var center = new google.maps.LatLng(50.1, 14.4); $scope.map_options = { zoom: 14, center:...
Necesito poder agregar, por ejemplo, "contenteditable" a los elementos, en función de una variable booleana en el alcance. Ejemplo de uso: <h1 attrs="{'contenteditable=\"true\"': editMode}">{{content.title}}</h1> Resultaría en contenteditable = true que se agrega al elemento si...
Estoy manejando mi problema de esta manera: ng-style="{ width: getTheValue() }" Pero para evitar tener esta función en el lado del controlador, preferiría hacer algo como esto: ng-style="{ width: myObject.value == 'ok' ? '100%' : '0%' }" ¿Cómo puedo hacer
He visto una serie de preguntas sobre StackOverflow sobre ng-transclude, pero ninguna explica en términos simples qué es. La descripción en la documentación es la siguiente: Directiva que marca el punto de inserción para el DOM transcluido de la directiva principal más cercana que utiliza la...
Estoy buscando algunas pautas que uno pueda usar para ayudar a determinar qué tipo de alcance usar al escribir una nueva directiva. Idealmente, me gustaría algo similar a un diagrama de flujo que me guíe a través de un montón de preguntas y muestre la respuesta correcta: no hay un nuevo alcance...
Estoy tratando de establecer el srcatributo de un iframe a partir de una variable y no puedo hacer que funcione ... El marcado: <div class="col-xs-12" ng-controller="AppCtrl"> <ul class=""> <li ng-repeat="project in projects"> <a ng-click="setProject(project.id)"...
Tengo una versión muy resumida de lo que estoy haciendo que resuelve el problema. Tengo un simple directive. Cada vez que hace clic en un elemento, agrega otro. Sin embargo, debe compilarse primero para representarlo correctamente. Mi investigación me llevó a $compile. Pero todos los ejemplos...
Tengo una lista de elementos en mi vista con ng-clickadjuntos: <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> Estoy manejando los eventos de...
Necesito realizar algunas operaciones en el alcance y la plantilla. Parece que puedo hacer eso en la linkfunción o en la controllerfunción (ya que ambos tienen acceso al alcance). ¿Cuándo es el caso cuando tengo que usar la linkfunción y no el controlador? angular.module('myApp').directive('abc',...
Estoy tratando de construir una directiva que se encargue de agregar más directivas al elemento en el que se declara. Por ejemplo, quiero construir una directiva que se encargue de agregar datepicker, datepicker-languagey ng-required="true". Si trato de agregar esos atributos y luego usarlos...
Creo que este es uno de los conceptos más difíciles de entender con la directiva de angularjs. El documento de http://docs.angularjs.org/guide/directive dice: transcluir : compila el contenido del elemento y lo pone a disposición de la directiva. Normalmente se usa con ngTransclude. La ventaja...
¿Cuándo debo usar transclude: 'true'y cuándo transclude: 'element'? No puedo encontrar nada sobre transclude: 'element'los documentos angulares, son bastante confusos. Sería feliz si alguien pudiera explicar esto en un lenguaje simple. ¿Cuál es el beneficio de cada opción? ¿Cuál es la verdadera...