Questions marquées «angularjs-directive»

Les directives AngularJS sont un moyen d'enseigner de nouvelles astuces HTML en étendant le vocabulaire HTML. Les directives vous permettent de gérer les éléments DOM dans un modèle déclaratif, vous libérant des tâches de manipulation DOM de bas niveau.

18
Quelle est la différence entre '@' et '=' dans la portée de la directive dans AngularJS?
J'ai lu attentivement la documentation AngularJS sur le sujet, puis j'ai tripoté une directive. Voici le violon . Et voici quelques extraits pertinents: Du HTML : <pane bi-title="title" title="{{title}}">{{text}}</pane> Depuis la directive du volet: scope: { biTitle: '=', title: '@', bar: '=' }, Il y a plusieurs choses que je …
30
Comment mettre l'accent sur le champ de saisie?
Quelle est la «méthode angulaire» pour mettre l'accent sur le champ de saisie dans AngularJS? Exigences plus spécifiques: Lorsqu'un modal est ouvert, mettez l'accent sur un prédéfini à l' <input>intérieur de ce modal. À chaque fois que cela <input>devient visible (par exemple en cliquant sur un bouton), mettez l'accent dessus. …
6
Lien vs compilation vs contrôleur
Lorsque vous créez une directive, vous pouvez mettre du code dans le compilateur, la fonction de liaison ou le contrôleur. Dans les documents, ils expliquent que: les fonctions de compilation et de liaison sont utilisées dans différentes phases du cycle angulaire les contrôleurs sont partagés entre les directives Cependant, pour …
19
Comment utiliser un événement de pression de touche dans AngularJS?
Je veux attraper l'événement de la touche Entrée dans la zone de texte ci-dessous. Pour être plus clair, j'utilise un ng-repeatpour remplir le corps. Voici le 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> Voici mon module: angular.module('components', ['ngResource']); J'utilise une ressource pour remplir la table et …
13
Comment appeler une méthode définie dans une directive AngularJS?
J'ai une directive, voici le code: .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= new …
13
Quelle est la meilleure façon d'appliquer conditionnellement des attributs dans AngularJS?
Je dois pouvoir ajouter par exemple "contenteditable" aux éléments, basé sur une variable booléenne sur la portée. Exemple d'utilisation: <h1 attrs="{'contenteditable=\"true\"': editMode}">{{content.title}}</h1> Cela entraînerait l'ajout de contenteditable = true à l'élément s'il $scope.editModeétait défini sur true. Existe-t-il un moyen simple d'implémenter ce comportement d'attribut de classe ng? J'envisage d'écrire une …
2
Qu'est-ce que ng-transclude?
J'ai vu un certain nombre de questions sur StackOverflow discutant de ng-transclude, mais aucune expliquant en termes simples ce que c'est. La description dans la documentation est la suivante: Directive qui marque le point d'insertion pour le DOM transclus de la directive parent la plus proche qui utilise la transclusion. …
5
Lors de l'écriture d'une directive dans AngularJS, comment puis-je décider si je n'ai pas besoin d'une nouvelle étendue, d'une nouvelle étendue enfant ou d'une nouvelle étendue isolée?
Je suis à la recherche de lignes directrices que l'on peut utiliser pour aider à déterminer quel type de portée à utiliser lors de l'écriture d'une nouvelle directive. Idéalement, j'aimerais quelque chose de similaire à un organigramme qui me guidera à travers un tas de questions et sort la bonne …
6
Comment définir un attribut src iframe à partir d'une variable dans AngularJS
J'essaie de définir l' srcattribut d'un iframe à partir d'une variable et je ne peux pas le faire fonctionner ... Le balisage: <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) { $scope.projects …
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.