Articles of angular ui

Onglets Bootstrap de l’interface utilisateur AngularJS prenant en charge le routage

Je voudrais utiliser les tabs Bootstrap de l’interface utilisateur AngularJS dans mon projet, mais j’en ai besoin pour prendre en charge le routage. Par exemple: Tab URL ——————– Jobs /jobs Invoices /invoices Payments /payments Pour autant que je sache du code source, les directives actuelles sur les tabs et les pane ne prennent pas en […]

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 […]

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, […]

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, […]

espace réservé avec angular / bootstrap ne fonctionne pas

Je voudrais avoir un select avec un espace réservé dans angularjs avec bootstrap. Les solutions que j’ai trouvées ne fonctionnent pas avec les angles Voici mon balisage angular: Please Choose Si quelqu’un a une solution de travail … Merci 🙂

compteur de caractères de zone de texte angularjs

Bonjour, j’ai un compteur de caractères pour une zone de texte. Mon problème est que ça ne compte pas les espaces ou les sauts de ligne. Comment puis-je le faire pour qu’il le fasse? {{1500-createprofilefields.description.length}} Characters

Comment voir quels états sont configurés dans AngularJS / UI-Router?

Y a-t-il un moyen de voir tous les états qui ont été définis sur $stateProvider ? Dans ce cas, je voudrais que mes affectations d’état soient réparties sur plusieurs fichiers. Je voudrais inspecter les états construits sur run ou config dans un fichier différent. Par exemple: # component1.coffee angular.module(‘zoo’).config ($stateProvider) -> $stateProvider.state ‘component1’, url: ‘/component1’ […]

Lequel utiliser, AngularUI Bootstrap ou AngularStrap?

Je suis novice à AngularJS et c’est incroyable. J’ai besoin des plugins bootstrap de Twitter dans mes projets. Je suis tombé sur ces deux projets GitHub AngularStrap http://mgcrea.github.com/angular-strap/ Et le bootstrap d’AngularUI http://angular-ui.github.com/bootstrap/ Maintenant, je suis confus lequel choisir. Ces productions sont-elles prêtes? ou devrais-je utiliser les extensions jQuery fournies avec Bootstrap.

Impossible d’obtenir la valeur textarea dans angularjs

Voici mon plnkr: http://plnkr.co/edit/n8cRXwIpHJw3jUpL8PX5?p=preview Vous devez cliquer sur un élément li et le formulaire apparaîtra. Entrez une chaîne aléatoire et appuyez sur “Ajouter un avis”. Au lieu du texte textarea, vous ne serez plus défini. Balisage: {{ ticket.text }} add notice Partie JS: $scope.createNotice = function(ticket){ alert($scope.noticeText); } renvoie “indéfini”. J’ai remarqué que cela ne […]

Tête de texte de l’interface utilisateur angular: affiche le libellé mais se lie uniquement à la valeur

J’utilise le type de saisie Angular-UI de la manière suivante: lié à un modèle comme: var options = [ {“value”: 1, “text”: “value1”}, {“value”: 2, “text”: “value2”}, … ]; Il affiche correctement le texte des options, mais lorsque je sélectionne un élément, il affiche la valeur dans la zone de texte. Le modèle est correctement […]