Javascript Girl
  1. Javascript Girl
  3. Impossible de charger le modèle: uib / template / modal / window.html
Intereting Posts
Javascript set time string to date object Chrome: Une erreur dans le code invoqué à partir de la fenêtre de déclenchement de la console dev est-elle activée? Moins quelques pixels de jQuery height () Possibilité d'exécuter userscript dans IE11 Notification push | Est-ce que le websocket est obligatoire? Modifier le texte et la couleur d'arrière-plan de la cellule de table en fonction de la valeur du texte Élément angulaire: option de remplacement de modèle? Comment créer un résultat jQuery vide Dojo parser et un TypeError utilisant ArcGIS JS API Quelle est la manière correcte de "sérialiser" les fonctions dans javascript pour une utilisation ultérieure Est-il possible d'utiliser plusieurs images dans un canevas HTML5? Réutiliser l'objet jQuery.post () / jQuery.Deferred () Changer les cookies en effectuant des requêtes jQuery.ajax dans les extensions Chrome Application des coins arrondis aux chemins / polygones Masquer div par défaut et le montrer en cliquant avec bootstrap

Impossible de charger le modèle: uib / template / modal / window.html

J'ai l'impression d'avoir essayé tout et j'ai toujours l'erreur:

Impossible de charger le modèle: uib / template / modal / window.html

Dans mon fichier d'index, j'ai ajouté ce qui suit: 

<script src="node_modules/angular-ui-bootstrap/dist/ui-bootstrap.js"></script> <script src="node_modules/angular-ui-bootstrap/dist/ui-bootstrap-tpls.js"></script>

Dans le fichier de ma application ajouté: 

  'ui.bootstrap',

Et dans mon fichier de contrôleur, j'ai ajouté ce qui suit: 

 $uibModal

et 

 this.openPayment = function () { var modalInstance = $uibModal.open({ ariaLabelledBy: 'modal-title', ariaDescribedBy: 'modal-body', templateUrl: 'payment.html', controller: 'paymentController', controllerAs: '$ctrl', size: 'lg', }); }

Dans mon paymentController j'ai ajouté ce qui suit: 

 angular.module('Payment').controller('paymentController', function ($uibModalInstance) { var ctrl = this; });

Et payment.html : 

  <div class="modal-header"> <h3 class="modal-title" translate="ACADEMY.EDIT.COURSES.CREATE"></h3> </div> <div class="modal-body"> </div> <div class="lb-modal-footer"> <a class="btn btn-grey" tooltip="{{ 'TOOLTIP.CANCEL' | translate }}" ng-click="CTRL.cancel()"><i class="fa fa-ban"></i></a> <button class="btn btn-success ml-xs {{CTRL.academyCourse.course ? '':'disabled'}}" tooltip="{{ 'TOOLTIP.SAVE_AND_EXIT' | translate }}" ng-click="CTRL.addCourse()"><i class="fa fa-check-square-o"></i></button> </div>

Alors, peut-on me dire ce que j'ai fait mal?

  1. Assurez-vous d'avoir attaché la version du modèle de ui-bootstrap ou celle de l'autre sans. 

     <!-- remove this --> <!--<script src="node_modules/angular-ui-bootstrap/dist/ui-bootstrap.js"></script>--> <script src="node_modules/angular-ui-bootstrap/dist/ui-bootstrap-tpls.js"></script>

Dans votre cas, vous manquez le modèle modal ( uib/template/modal/window.html ), donc je garderais le ui-bootstrap-tpls.js .

  1. Assurez-vous que vous liez correctement le script, accédez à la source de la page et essayez d'accéder au script uib, il est possible que vous ayez construit votre projet mais que le fichier de script n'a pas été ajouté à la création.

  2. Assurez-vous d'ajouter le script uib après avoir ajouté le script angulaire et après avoir ajouté les fichiers bootstrap dans votre index.html