J'ai précieusement demandé sur SO s'il était possible de transmettre le contenu interne d'une directive deux fois dans le modèle de directive (clonez-le et insérez-le en deux endroits dans le modèle). Une personne très utile m'a aidé à mettre cette plunkr ensemble. Http://plnkr.co/edit/k2UB1o4CTHtZ1voS0OKN?p=preview Il semble fonctionner d'abord. Le problème vient lorsque j'utilise un élément enfant […]
Généralement, ce que je veux faire, c'est d'initialiser le ng-controller ng-repeat intérieur de la ng-repeat using. JSFiddle JS angular.module('app',[]) .controller('main',function($scope){ angular.extend($scope,{ name:'Parent Controller', items:[ {name:'nested2'}, {name:'nested1'} ] }); }) .controller('nested1',function($scope){ $scope.name = "Name1"; }) .controller('nested2',function($scope){ $scope.name = "Name2"; }); Je veux ceci: <div ng-controller="main" ng-app='app'> Nested: {{name}} <div ng-controller="nested1">{{name}}</div> <div ng-controller="nested2">{{name}}</div> </div> Pour devenir quelque […]
Je crée une directive simple avec une portée isolée. Mais cela fonctionne bien avec la version 1.0.1 mais pas dans 1.3.0. Quel est le problème supposé être? Angular 1.0.1 Exemple de version: http://jsfiddle.net/k2rnavrg/ Exemple de version angulaire 1.3.0: http://jsfiddle.net/k2rnavrg/2/ var myModule = angular.module('myModule', []) .directive('qImg', function () { return { restrict: 'E', scope: { m: […]
J'ai plusieurs directives qui récupèrent leurs données dans la base de données. Dans un cas, j'ai toutes les directives dans un seul écran. Cela signifie que lorsque l'écran est en train de charger chaque liste déroulante / champ est rempli une par une: d'abord, vous voyez le champ de la zone A, puis le champ […]
Je développe ma première application AngularJS et j'ai rencontré ce problème avec jQuery find function. Fondamentalement, ce que j'essaie de faire, c'est que j'ai un composant HTML personnalisé. Il contient une liste de boutons utilisant la directive ng-repeat. Chacun a son propre auditeur ng-click, et dans son rappel, je souhaite trouver tous les éléments de […]
Bonjour, je travaille sur la directive où j'ai besoin de modifier DOM add ng-src attribut et un modèle. C'est mon DOM <edit-component> <img src="images/logo.png" title="Hearty Wear" /> </edit-component> J'ai besoin du résultat DOM be `<div> <img src="images/logo.png" title="Hearty Wear" ng-src={{myModel}} /> </div> ` De sorte que lorsque je mettais à jour myModel avec des données, […]
Je construis une application angulaire à l'aide de modals et j'aimerais transmettre certaines données entre mes contrôleurs pour remplir ma vue modale. Mon contrôleur principal est JobListCtrl et callReportModalData est déclenché lorsque je clique sur le lien censé appeler le modal. J'utilise le rapport de serviceJobModalData pour stocker les données et la passer entre les […]
J'essaie avec la directive AngularJS, voici mon code: Index.html <!DOCTYPE html> <html lang="en" ng-app="myapp"> <head> <meta charset="UTF-8"> <title>Directive</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.js"></script> <script type="text/javascript" src="app.js"></script> </head> <body> <photo photo-src="abc.jpg" caption="This is so Cool" /> </body> </html> App.js var app = angular.module('myapp',[]); app.directive('photo',function(){ return { restrict: 'E', templateUrl: 'photo.html', replace: true, scope: { caption: '@', photoSrc: '@' […]
Je suis aux prises avec la portée isolée d'Angular depuis plus de 24 heures maintenant. Voici mon scénario: j'ai une itération ng-repeat sur un ensemble d'objets dont je souhaite utiliser une directive personnalisée pour générer une <select> ou <input> basée sur la propriété field_type de l'objet actuel en cours d'itération. Cela signifie que je devrai […]
J'essaie de déplacer mon modèle d'être en ligne vers son propre fichier. Tout fonctionnait avant de passer de template à templateUrl Glenn.directive('test', function($compile) { return { restrict: 'A', priority: 1000, terminal: true, templateUrl: function(tElement, tAttrs) { return ('test.html'); }, link: function(scope, element, attrs) { attrs.$set('editable-text', 'content.' + attrs.edit + '.data'); attrs.$set('edit', null); $compile(element)(scope); } } […]