Articles of angularjs directive

AngularJS: communication entre directives

J'écris une directive qui crée un lecteur mp3 / audio. Le problème est que vous pouvez avoir de nombreux lecteurs audio en une seule page. Ce que j'aimerais faire, c'est quand on joue et que vous commencez un autre, que celui qui joue actuellement fait une pause. Comment puis-je réaliser cela avec des directives angulaires? […]

Comment tournez-vous l'image en angularjs?

Bonjour, j'ai une image que je souhaite faire pivoter. Il existe deux boutons à gauche et à droite qui font pivoter l'image 45 degrés dans des directions opposées. J'ai essayé de créer une directive en utilisant jquery rotation de la bibliothèque, mais cela ne fonctionne pas. Aidez-moi? Directive.js .directive('rotate', function() { return { restrict:'A', link: […]

Obtention des contrôles de formulaire depuis FormController

J'ai besoin d'un moyen de bouger les contrôles enregistrés d'un formulaire AngularJS. Essentiellement, j'essaie d'obtenir tous les contrôles $ sales, mais il n'y a pas de tableau de contrôle (FormController possède plusieurs propriétés / fonctions différentes en plus de contenir les contrôles eux-mêmes – chacun comme son propre objet). J'ai regardé le code source, et […]

AngularJS a-t-il un bug lors du traitement d'une directive personnalisée pour un élément Void HTML

METTRE À JOUR Tout d'abord, ce n'est pas un bug dans Angular (@PSL). J'ai laissé ma question originale ci-dessous pour des raisons historiques. Ce n'est pas un bug dans les spécifications HTML. Après avoir cliqué sur certains liens des commentateurs ci-dessous (@zerflagL), je vois que les spécifications HTML indiquent que les ELEMENTS NULS ne sont […]

AngularJS – Est-il possible de modifier la valeur de l'attribut ngModel sur la directive dans le lien ou la compilation?

J'essaie de créer une directive qui ajoutera un attribut ngModel à une étiquette en fonction de la valeur de l'attribut. Par exemple: angular.module('myModule'). directive('myDirective', function() { return { link: function(scope, elem, attrs) { var modelName = 'myPrefix.' + attrs.name; attrs.$set('ngModel', modelName); } }; }); Pour que ce html: <input name="foo" my-directive></input> Est compilé dans <input […]

La directive angulaire n'évalue pas Inside ng-repeat

J'ai la configuration suivante: App / Directive var app = angular.module("MyApp", []); app.directive("adminRosterItem", function () { return { restrict: "E", scope: { displayText: "@" }, template: "<td>{{ displayText }}</td>", // should I have this? link: function(scope, element, attrs){ // What do I put here? I don't seem to have any // element to initialize (set […]

Observation angulaire de JS sur l'attribut de directive

Comment les jumelles angulaires peuvent-elles regarder des attributs sur une directive personnalisée afin d'accepter les valeurs angulaires à lier Voici ce que j'ai jusqu'ici: <tile title="Sleep Duration" data-value="{{sleepHistory.averageSleepTime}}"/> app.directive('tile', [function() { return { restrict: 'E', link: function(scope, element, attrs) { var title = attrs.title; attrs.$observe('dataValue', function(val) { var data = val; console.log(data); var dom = […]

Angular UI Bootstrap date-picker combiné avec UI.Mask

J'utilise le sélecteur de date angulaire UI bootstrap pop-up pour créer une directive qui me permettra facilement d'ajouter le sélecteur de date là où vous le souhaitez. Lorsque je combine ceci avec la directive uiMask , les valeurs dans l'entrée se brouillent lorsque je choisit une date. Voici mon html : <p class="input-group"> <input type="text" […]

Modèle. $ ModelValue est NaN dans la directive

Voir ce jsfiddle: http://jsfiddle.net/8bENp/66/ Si vous regardez la console JavaScript, vous verrez quelque chose comme ceci: TypeError: Object NaN has no method 'replace' at makeHtml (https://raw.github.com/coreyti/showdown/master/compressed/showdown.js:62:705) at render (http://fiddle.jshell.net/_display/:50:42) at link (http://fiddle.jshell.net/_display/:54:13) at k (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js:42:321) at e (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js:38:198) at k (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js:42:261) at e (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js:38:198) at https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js:37:332 at https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js:15:440 at Object.e.$eval (https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js:85:416) <markdown ng-model="someCode" class="ng-pristine ng-valid"> […]

Angular.js caching $ compiled templates / rendering performance of directives inside ng-repeat

J'ai une directive qui rend la cellule de table (voir comment je la compile ici, essentiellement en utilisant $compile dans le link fn modèle de directive Angular.js à l'aide d'une variable à partir de la portée parent / héréditaire ), maintenant cela est utilisé à l'intérieur de deux ng-repeat S, un pour les lignes, un […]