Preguntas etiquetadas con angularjs-directive

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.

18
¿Cuál es la diferencia entre '@' y '=' en el alcance de la directiva en AngularJS?
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 …

30
¿Cómo establecer el foco en el campo de entrada?
¿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. …

6
Enlace vs compilación vs controlador
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é …



19
¿Cómo usar un evento de pulsación de tecla en AngularJS?
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 …



13
¿Cómo llamar a un método definido en una directiva AngularJS?
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= …

13
¿Cuál es la mejor manera de aplicar atributos condicionalmente en AngularJS?
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 …


2
¿Qué es ng-transclude?
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 …


6
Cómo establecer un atributo iframe src desde una variable en AngularJS
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) { …


Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.