J'ai une directive modifiant le style d'un div et je voudrais être informé par $ observer chaque fois que la classe de l'élément change. Le problème est que cela se produit lors de la création de la directive mais pas après. Voici le code et un violon <div ng-app="testObserve"> <div ng-controller="Ctrl2"> <span class="rouge" ng-click="toggleClass()" my-test>Coucou</span> […]
J'ai un contrôleur avec certains éléments pour ng-repeat et chaque élément devrait avoir une couleur aléatoire, donc j'utilise ng-style avec une fonction dans ce contrôle appelé randColor(…) . app.controller('TestController', function() { var vm = this; vm.items = [ { name: 'item 1' } , { name: 'item 2'} ]; vm.randColor = function (item) { if […]
Je suis confronté à un problème que je ne peux pas résoudre. J'ai plusieurs entrées avec chacune une directive pour valider la valeur d'entrée, comme ceci: <div class="row form-group"> <div class="col-sm-6">last name</div> <div class="col-sm-6"> <div class="input-group" ng-class="{'has-error': form.lastname.$invalid && (form.lastname.$touched || form.$submitted)}"> <input type="text" name="lastname" class="form-control" model-blur validator-lastname ng-trim="true" ng-model="fields.lastname.value" ng-maxlength="fields.lastname.validation.maxLength"> <input-group-addon class="input-group-addon" iga-char="" iga-form="form" […]
Je reçois SyntaxError: Parse error sur ma ligne directive où je veux utiliser une "&" one-way binding à partir d'une méthode de directive parent myApp.directive('datasourceDeleteBtn', [function() { return { restrict: 'E', replace: true, template: '<a href="#">✕</a>', scope: { datasourceIndex: '@', removeParentDiv: '&' }, link: link }; function link(scope, element, attr) { element.bind('click', function(event) { event.preventDefault(); […]
J'ai créé une application Web angulaire qui permet d'arracher et déposer des éléments. Je finis de le construire, mais j'ai un gros module. Le module est placé dans un fichier js avec des milliers de lignes de code. Je voudrais savoir comment puis-je séparer mes gros modules en plusieurs modules dans plusieurs fichiers js qui […]
Comment puis-je mettre plusieurs valeurs pour ng-disabled dans js angulaires? Mon problème est expliqué avec ce JS suivant: http://jsfiddle.net/FJf4v/10/ <div ng-app> <div ng-controller="myCnt"> <h3>A ->> <input type="checkbox" ng-model="check"> </input></h3> <h3>B ->> <input type="checkbox" ng-model="check"> </input></h3> <br/> <input type="checkbox" ng-disabled="check">Chkbox1 to be disabled</input> <input type="checkbox" ng-disabled="check">Chkbox2 to be disabled</input> <hr/> </div> </div> Javascript: function myCnt($scope) { […]
J'utilise cette directive pour utiliser jCrop avec Angular: http://plnkr.co/edit/Z2IQX8s9UK6wQ1hS4asz?p=preview Lorsque je charge une valeur pour src , j'avance cette erreur: Impossible d'interpoler: {{profileImg}} Erreur: [$ sce: insecurl] Ensuite, il me lie à une page qui dit ceci: La ressource de chargement bloquée n'est pas autorisée par la politique $ sceDelegate. Mon html est le suivant: […]
Je crée une directive qui affichera et affichera un contenu en écoutant l'événement $ routeChangeError sur $ rootScope. J'ai tout mis en œuvre en indiquant le modèle comme ceci: app.directive("alert", function ($rootScope) { 'use strict'; return { restrict: "E", replace: true, template: '<div class="alert alert-warning alert-dismissable" ng-show="isError">' + '<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>' + '{{ […]
J'écris une directive avec une isolate scope avec une liaison bidirectionnelle dans AngularJS . Cependant, je n'arrive pas à obtenir la liaison bidirectionnelle au travail. Peu importe ce que je fais, la propriété populate sur la isolate scope l' isolate scope est toujours undefined (bien que la propriété existe) au lieu d'être la valeur à […]
J'ai une directive qui affiche certaines données, mais je souhaite que l'utilisateur de la directive puisse contrôler comment ces données sont affichées. J'aimerais permettre à un utilisateur de pouvoir contrôler l'affichage en utilisant l'une des trois options. Passez une chaîne à utiliser pour l'affichage Passez une fonction qui sera appelée pour générer la chaîne Ou […]