Articles of angularjs

Ajout de la dépendance ui.bootstrap avec bower

J’essaie d’append une dépendance ui.bootstrap à mon projet angular (j’utilise yeoman, bower). J’ai fait ça : yo angular bower installer angular-ui J’ai ensuite ajouté à mon fichier index.html: et servir grognement Ensuite, j’ai ajouté la dépendance ui.bootstrap à mon app.js: angular.module(‘angularuiprojectApp’, [ ‘ngCookies’, ‘ngResource’, ‘ngSanitize’, ‘ngRoute’, ‘ui.bootstrap’]) Lorsque j’essaie d’accéder à mon index.html sur Chrome, […]

AngularJS et la liaison bidirectionnelle contentEditable ne fonctionnent pas comme prévu

Pourquoi dans l’exemple suivant la valeur de rendu initiale est {{ person.name }} plutôt que David ? Comment pourriez-vous résoudre ce problème? Exemple en direct ici HTML: {{ person.name }} JS: app.controller(‘MyCtrl’, function($scope) { $scope.person = {name: ‘David’}; }); app.directive(‘contenteditable’, function() { return { require: ‘ngModel’, link: function(scope, element, attrs, ctrl) { // view -> […]

Comment gérer les erreurs dans la résolution des routeurs angulars

J’utilise la resolve d’angular-ui-router pour obtenir des données du serveur avant de passer à un état. Parfois, la demande au serveur échoue et je dois informer l’utilisateur de la panne. Si j’appelle le serveur depuis le contrôleur, je peux mettre et appeler mon service de notification en cas d’échec de l’appel. Je mets l’appel au […]

Case à cocher Angularjs cochée par défaut lors du chargement et désactive la sélection de la liste lorsque cochée

noob sur la stack débordement ici. Je travaille sur une page Web qui a une fonction de transfert. Cela permet à l’utilisateur de cocher une case pour renvoyer le travail au bureau ou de sélectionner un technicien dans la liste de tous les produits disponibles. Ma question est de savoir comment configurer la case à […]

Ui-grid angular calcule dynamicment la hauteur de la grid

J’utilise: https://github.com/angular-ui/ui-grid.info/tree/gh-pages/release/3.0.0-RC.18 Lorsque je code dur la valeur, comme indiqué ci-dessus, la grid se diffuse et tout fonctionne comme prévu. Cependant, si je fais les choses suivantes … $scope.gridStyle = ‘height:’+numRows*rowHeight+’px’ //(765px); La hauteur est imprimée dans le div et le div élargit mais le contenu lui-même s’élargit à environ 340px. L’espace restant est vide, […]

D3 dans une application AngularJS

J’essaie de créer ma première application avec AngularJS. Cela a l’air bien, mais il y a beaucoup d’abstraction, et je suis juste curieux de savoir si quelqu’un a des conseils sur la façon la plus idiomatique d’utiliser la méthodologie angular pour mettre à jour les visuels créés avec d3js. Merci, bp

CORS avec Spring-Boot et Angularjs ne fonctionnent pas

J’essaie d’appeler les points de terminaison REST sur une application (application Spring-Boot) à partir d’une autre application (angularjs). Les applications s’exécutent sur les hôtes et les ports suivants. Application REST, en utilisant le démarrage du spring, http://localhost:8080 Application HTML, utilisant angularjs, http://localhost:50029 J’utilise également spring-security avec l’application Spring-Boot. À partir de l’application HTML, je peux […]

Comment avoir au moins deux datpickers de ui-bootstrap sur une seule page?

Je veux avoir plusieurs datepickers sur une page. Mais avec la solution par défaut de UI-Bootstrap, ce n’est pas possible, personne ne peut ouvrir les datpickers. Le conflit les uns avec les autres. Voici mon code: Submit Je viens de faire un copier / coller du code datepicker du site http://angular-ui.github.io/bootstrap/#/datepicker . Ils sont en […]

Angular UI-Router vues multiples

J’utilise un routeur UI angular. J’ai le suivant dans mon itinéraire config .config(function config($stateProvider) { $stateProvider.state(‘newsFeedView’, { url: ‘/newsFeed’, controller: ‘newsFeedController’, templateUrl: ‘../src/app/bulletinBoard/views/newsFeed.part.html’, data: { pageTitle: ‘News Feed’ } }) .state(‘tradeFeedView’, { url: ‘/tradeFeed’, controller: ‘tradeFeedController’, templateUrl: ‘../src/app/bulletinBoard/views/tradeFeed.part.html’, data: { pageTitle: ‘Trade Feed’ } }) .state(‘bulletinBoard’, { url: ‘/bulletinBoard’, views: { ‘tradeFeed’: { url: “”, […]

Existe-t-il un moyen de précharger les modèles lors de l’utilisation du routage AngularJS?

Une fois l’application Angular chargée, certains des modèles doivent être disponibles hors connexion. Quelque chose comme cela serait idéal: $routeProvider .when(‘/p1’, { controller: controller1, templateUrl: ‘Template1.html’, preload: true })