Nie udało się załadować szablonu: UIB/template/modal/window.html

czuję się jak próbowałem wszystkiego i wciąż pojawia się błąd:Nie udało się załadować szablonu: UIB/template/modal/window.html

Failed to load template: uib/template/modal/window.html

w moim pliku indeksu dodałem następujące:

<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>

w moim app plików ive dodania:

'ui.bootstrap',

I w moim pliku kontroler ive dodany następujący:

$uibModal

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

w moim paymentController dodałem następujące:

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

And 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 m-l-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>

Więc może ktoś mi powiedzieć co ive zrobiłem źle ?

Źródło

2016-12-10 Marc Rasmussen

możesz zrobić plunkr? – Aravind

Czy twój plik payment.html znajduje się w strukturze folderów? Musisz umieścić ścieżkę do niego. Spójrz w przeglądarce i sprawdź, skąd próbuje się ją załadować, i sprawdź, czy tak właśnie jest. Zajrzyj także do pamięci podręcznej szablonów, aby później zrobić to dobrze. Yo będzie musiał użyć Gulp lub Angular Template Cache. Czy możesz pokazać strukturę swojej aplikacji, strukturę folderów. Rozumiem, że po prostu nie mogę go znaleźć tam, gdzie myślisz, że jest, zazwyczaj wygląda to jak app/Mój folder/mój kontroler/template.html – Maccurt

@Maccurt URL jest poprawny Próbowałem różnych ścieżek i za każdym razem otrzymuję ten błąd ! –

Upewnij się, że masz załączoną szablonową wersję interfejsu ui-bootstrap lub wersję bez.

<!-- 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>

W twoim przypadku, tracisz modalne szablonu (uib/template/modal/window.html), więc chciałbym zachować ui-bootstrap-tpls.js.

Upewnij się, że prawidłowo linkami do skryptu, przejdź do źródła strony i spróbuj osiągnięcia skrypt UIB, możliwe zbudowałeś swój projekt ale skrypt nie było dodane do kompilacji.
upewnić dodajesz skrypt UIB po dodać kątową scenariusz i po dodać bootstrap plików w index.html

Źródło

2016-12-11 09:28:10 svarog

Dziękuję. Po prostu wykonałem masowe porządki na projekcie i zastąpiłem wszystkie biblioteki najnowszymi wersjami, co mi się przydarzyło. Okazuje się, że załadowałem obie biblioteki. (twarz-dłoń). Usunięcie odniesienia do pliku ui-bootstrap.js naprawiło wszystko. –

rozwiązać ten program kupić usunięcie odniesienia do ui-bootstrap.js, używając tylko odniesienia do ui-bootstrap-tpls.js, naprawił wszystko.

Źródło

2018-02-07 10:32:19 ylxbcoding

Nie udało się załadować szablonu: UIB/template/modal/window.html

Odpowiedz

Powiązane problemy