Articles of angular ui bootstrap

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

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

Comment créer un popover bootstrap d’interface utilisateur AngularJS avec du contenu HTML?

Je souhaite créer un pop-up bootstrap avec une balise pre contenant un object JSON prédéfini. La mise en œuvre naïve, <span popover='{[ some_obj | json:” ” ]} ‘ popover-sortinggger=’mouseenter’> échappe au contenu avant de l’insérer dans le popup. Quelle est la meilleure façon de spécifier un corps popover avec du contenu HTML?

AngularJS / Angular-ui-bootstrap Modification de la langue utilisée par le datePicker

J’utilise le datPicker documenté ici . Cependant, aucune option directe ne permet de changer la langue, l’ anglais par défaut. Je trouve la documentation du widget fournie sans directive angular, et cela fournit un bon moyen d’y parvenir: http://bootstrap-datepicker.readthedocs.org/en/latest/i18n.html Existe-t-il un moyen simple d’éviter de modifier le code source de la directive d’origine pour le […]

Problème de scope dans AngularJS avec AngularUI Bootstrap Modal

Plunker: http://plnkr.co/edit/wURNg8ByPYbEuQSL4xwg example.js: angular.module(‘plunker’, [‘ui.bootstrap’]); var ModalDemoCtrl = function ($scope, $modal) { $scope.open = function () { var modalInstance = $modal.open({ templateUrl: ‘modal.html’, controller: ‘ModalInstanceCtrl’ }); }; }; var ModalInstanceCtrl = function ($scope, $modalInstance) { $scope.ok = function () { alert($scope.text); }; $scope.cancel = function () { $modalInstance.dismiss(‘cancel’); }; }; index.html: Open me! Selection from […]

Existe-t-il un moyen de fermer automatiquement le modal de Bootstrap de l’interface utilisateur angular lorsque la route change?

J’ai des liens dans les modèles à l’intérieur des modaux. Lorsque je clique dessus, la page en cours change, mais la superposition et le modal restnt. Je pourrais append ng-click=”dimiss()” à tous les liens de tous les modèles des modaux, mais y a-t-il une meilleure solution? Par exemple, pour le fermer automatiquement en cas de […]

$ regarder ne pas tirer sur le changement de données

J’ai une configuration de montre contre le modèle d’une liste déroulante ui-select2 (de ui-bootstrap). La montre se déclenche en charge mais pas sur les modifications de données et je n’arrive pas à comprendre pourquoi. Ce n’est pas le problème habituel de ne pas appliquer le changement de modèle ou de ne pas utiliser le troisième […]

Le format de date angular du bootstrap datepicker ne formate pas la valeur du ng-modèle

J’utilise un sélecteur de date bootstrap dans mon application angular. Toutefois, lorsque je sélectionne une date à partir de ce sélecteur de date sous-jacente au ng-model dont je souhaite que bind soit mis à jour, je souhaite que ce ng-model soit au format «MM / jj / aaaa». mais chaque fois il fait date comme […]

Mocking $ modal dans les tests unitaires AngularJS

J’écris un test unitaire pour un contrôleur qui déclenche un $modal et utilise la promesse retournée pour exécuter une logique. Je peux tester le contrôleur parent qui déclenche le $ modal, mais je ne peux pas pour la vie trouver comment réussir une promesse réussie. J’ai essayé un certain nombre de façons, notamment en utilisant […]

Quelle est la différence entre «ignorer» un modal et «fermer» un modal dans UI-Bootstrap angular?

Quelle est la différence entre “rejeter” un modal et “fermer” un modal? close(result) – a method that can be used to close a modal, passing a result dismiss(reason) – a method that can be used to dismiss a modal, passing a reason