Articles of angularjs

AngularJS: l’object textarea lié à l’object JSON affiche «object-object»

Je suis assez nouveau à AngularJS. J’essaie de lier un object à une zone de texte. HTML: Modèle: { “kind”: “title”, “label”: “ADD_TITLE”, “iconSrc”: “textTitle.png”, “experimentInclude”: “”, “experimentExclude”: “three”, “preset”: { “compType”: “richTitle”, “styleId”: “txtNew” } } Résultat: Comment puis-je afficher le JSON ssortingngifié (et ensuite l’enregistrer en tant qu’object à nouveau)?

Détecter si un contenu a été donné pour une directive angularjs

J’ai une directive (une barre de progression) qui devrait avoir deux états possibles, l’un sans description et l’autre avec une étiquette sur le côté gauche. Il serait cool de simplement utiliser le contenu exclu pour cette étiquette. Est-ce que quelqu’un sait comment je peux append une classe à ma directive selon qu’un contenu a été […]

Le filtre angular fonctionne mais provoque «des itérations de 10 $ digest»

Je reçois des données de mon serveur principal structuré comme suit: { name : “Mc Feast”, owner : “Mc Donalds” }, { name : “Royale with cheese”, owner : “Mc Donalds” }, { name : “Whopper”, owner : “Burger King” } Pour ma part, je voudrais “inverser” la liste. Ie je veux énumérer chaque propriétaire, […]

Angulaire complexe js ng-class

J’ai le composant et j’ai du mal à lui atsortingbuer la classe css. Je veux qu’il ait toujours une classe de “box”, puis avoir des classes supplémentaires spécifiées par la directive “class” et une classe conditionnelle “mini”. Conceptuellement, ce que je veux réaliser, c’est quelque chose comme ceci: … Le problème est que lorsque je […]

Comment fermer l’interface utilisateur modale de n’importe où

J’utilise le dialog modal bootstrap de l’interface utilisateur angular et le crée dans un service: myApp.factory(‘ModalService’, [‘$modal’, function($modal) { return { sortinggger: function(template) { $modal.open({ templateUrl: template, size: ‘lg’, controller: function($scope, $modalInstance) { $scope.ok = function() { $modalInstance.close($scope.selected.item); }; $scope.cancel = function() { $modalInstance.dismiss(‘cancel’); }; } }); }, close: function() { // this should close […]

AngularJS et ng-grid – enregistrement automatique des données sur le serveur après la modification d’une cellule

Mon cas d’utilisation est assez simple. Un utilisateur, après avoir modifié une cellule (enableCellEdit: true), doit avoir les données “automatiquement” envoyées au serveur (sur le flou de la cellule). J’ai essayé différentes approches mais aucune d’entre elles n’a été correctement mise au point. J’ai une grid minimaliste: // Configure ng-grid $scope.gridOptions = { data: ‘questions’, […]

Evénements de clics jQuery non déclenchés dans les modèles AngularJS

C’est peut-être un cas étrange où personne n’a jamais expérimenté cela auparavant, mais je publie ce message si quelqu’un sait quelque chose que je ne sais pas. J’utilise jQuery 2.0.3 et AngularJS. Si j’ai une ancre dans index.html comme ça: # index.html Click Me $(function() { $(‘.clickme’).click(function() { console.log(“click”); }); }); Ensuite, ça marche, et […]

AngularJS Paging avec $ location.path mais pas de rechargement ngView

Mon application sur une seule page charge une page d’accueil et je souhaite afficher une série d’idées. Chacune des idées est affichée dans un conteneur flash animé, avec des animations affichées pour faire défiler les idées. Les idées sont chargées en utilisant $ http: $scope.flash = new FlashInterface scope:$scope,location:$location $http.get(“/competition.json”) .success (data) -> $scope.flash._init data […]

Transmettre la valeur booléenne dans la directive

J’essaie de basculer la visibilité d’un élément rendu par une directive en utilisant . La valeur ou readOnly est transmise via une directive. angular.module(‘CrossReference’) .directive(‘singleViewCard’, [function() { return { ressortingct:’AE’, templateUrl: ‘/CrossReference-portlet/js/templates/SingleViewCard.html’, replace:true, scope: { readOnly:’@’ }, link: { pre:function(scope, tElement, tAttrs) {}, post:function(scope, tElement, tAttrs) {}; } } }; }]); Cela semble fonctionner dans […]

Fermeture du modal de bootstrap de Twitter du contrôleur angular

J’ai une fenêtre modale que j’utilise pour présenter un formulaire aux utilisateurs. Ils entrent les informations et ensuite appuyez sur un bouton a un ng-clic. Le serveur traite la demande et renvoie une réponse. Lorsque la réponse est réussie, je souhaite fermer la fenêtre modale du contrôleur. Comment cela peut il etre accompli? Le modal […]