Preguntas etiquetadas con angularjs-directive

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: '=', title: '@', bar: '=' }, Hay varias cosas que …

1067 angularjs  angularjs-directive  angularjs-scope  isolated-scope 

¿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), establezca el foco en él. …

759 angularjs  angularjs-directive 

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 está claro, qué …

529 angularjs  angularjs-directive 

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 viceversa?

516 angularjs  angularjs-directive 

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 una directiva angular, uno puede usar cualquiera de las …

451 angularjs  angularjs-directive 

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" data-ng-model="closeqtymodel" data-ng-change="change($index)" required placeholder="{{item.closeMeasure}}" /></td> Este es mi módulo: angular.module('components', ['ngResource']); Estoy usando …

410 angularjs  angularjs-directive  angular-ui 

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 imposible de mantener. Por ejemplo, sé que …

327 angularjs  angularjs-directive 

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 de #/contact …

306 javascript  twitter-bootstrap  angularjs  angularjs-directive  navbar 

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: center, mapTypeId: google.maps.MapTypeId.ROADMAP }; // create map var map = new google.maps.Map(document.getElementById(attrs.id), $scope.map_options); var dirService= …

297 angularjs  angularjs-directive 

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 $scope.editModese estableció en true. ¿Hay alguna manera fácil de implementar este comportamiento de atributo de …

296 angularjs  angularjs-directive 

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 esto?

267 angularjs  angularjs-directive 

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 transclusión. Esto es bastante …

266 angularjs  angularjs-directive  transclusion 

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 …

265 angularjs  angularjs-directive  angularjs-scope 

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)" href="">{{project.url}}</a> </li> </ul> <iframe ng-src="{{trustSrc(currentProject.url)}}"> Something wrong... </iframe> </div> controllers / app.js: function AppCtrl ($scope) { …

214 javascript  html  angularjs  iframe  angularjs-directive 

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 usan una estructura complicada …

212 angularjs  angularjs-directive  dynamically-generated