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.

10
Sélectionnez le texte sur le focus d'entrée
J'ai une entrée de texte. Lorsque l'entrée reçoit le focus, je veux sélectionner le texte à l'intérieur de l'entrée. Avec jQuery, je le ferais de cette façon: <input type="text" value="test" /> $("input[type=text]").click(function() { $(this).select(); // would select "test" in this example }); J'ai cherché partout pour essayer de trouver la …

4
Méthode d'appel dans le contrôleur de directive à partir d'un autre contrôleur
J'ai une directive qui a son propre contrôleur. Voir le code ci-dessous: 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 = ''; …


4
Retard angulaire de changement de ng
J'ai une entrée qui filtre une liste ng-répétée en cas de changement. La répétition contient beaucoup de données et prend quelques secondes pour tout filtrer. Je voudrais qu'il y ait un délai de 0,5 seconde avant de commencer le processus de filtrage. Quelle est la bonne manière angulaire pour créer …

5
Extension de la directive angulaire
Je souhaite apporter une modification mineure à une directive tierce (en particulier Angular UI Bootstrap ). Je veux simplement ajouter au champ d'application de la panedirective: angular.module('ui.bootstrap.tabs', []) .controller('TabsController', ['$scope', '$element', function($scope, $element) { // various methods }]) .directive('tabs', function() { return { // etc... }; }) .directive('pane', ['$parse', function($parse) …



5
AngularJS: la liste ng-repeat n'est pas mise à jour lorsqu'un élément de modèle est épissé à partir du tableau de modèle
J'ai deux contrôleurs et partage des données entre eux avec une fonction app.factory. Le premier contrôleur ajoute un widget dans le tableau de modèles (pluginsDisplayed) lorsqu'un lien est cliqué. Le widget est poussé dans le tableau et ce changement est reflété dans la vue (qui utilise ng-repeat pour afficher le …


2
$ apply vs $ digest dans les tests de directives
Si j'ai une directive qui répond au statut d'un attribut particulier sur la portée et que je souhaite modifier cet attribut dans mon test et vérifier qu'il répond correctement, quelle est la meilleure façon de faire ce changement? J'ai vu ces deux modèles: scope.$apply(function() { scope.myAttribute = true; }); et …

6
angulaire ng-bind-html et directive qu'il contient
Lien Plunker J'ai un élément que je voudrais lier html. <div ng-bind-html="details" upper></div> Ça marche. Maintenant, avec cela, j'ai également une directive qui est liée au html lié: $scope.details = 'Success! <a href="#/details/12" upper>details</a>' Mais la directive upperavec le div et l'ancre n'évalue pas. Comment le faire fonctionner?



2
Accéder aux attributs depuis une directive AngularJS
Mon modèle AngularJS contient une syntaxe HTML personnalisée comme: <su-label tooltip="{{field.su_documentation}}">{{field.su_name}}</su-label> J'ai créé une directive pour le traiter: .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'); …

1
AngularJS: ngInclude vs directive
Je ne comprends pas très bien quand utiliser une directive et quand il serait plus approprié d'utiliser nginclude. Prenons cet exemple: j'ai un partiel, password-and-confirm-input-fields.htmlc'est le html pour entrer et confirmer un mot de passe. J'utilise ceci à la fois sous la page d'inscription et sous la page de changement …

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.