無法加載模板：UIB /模板/莫代爾/ window.html

我覺得我已經嘗試一切，我仍然得到錯誤：無法加載模板：UIB /模板/莫代爾/ window.html

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

在我的索引文件我已經添加了以下內容：

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

在我的應用程序文件IVE

補充說：

'ui.bootstrap',

在我的控制文件IVE增加了以下內容：

$uibModal

和

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

在

我paymentController我已經添加了以下內容：

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

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

因此，誰能告訴我是什麼香港專業教育學院做了錯事？

來源

2016-12-10 Marc Rasmussen

你可以做一個plunkr嗎？ – Aravind

您的payment.html是否在文件夾結構中？你必須把它的路徑。看看你的瀏覽器，看看它試圖從哪裏加載它，看看它是在哪裏。也看看模板緩存，稍後做正確的。喲將不得不使用Gulp或Angular模板緩存。你可以顯示你的應用程序的結構，你的文件夾結構。我得到它只是無法找到你認爲它的地方，通常它看起來像app /我的文件夾/我的控制器/ template.html – Maccurt

@Maccurt網址是正確的我已經嘗試了不同的路徑，每次我得到這個錯誤！ –

確保你要麼附加UI的自舉的模板版本或沒有一個。

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

在你的情況，你錯過了模態模板（uib/template/modal/window.html），所以我會保持ui-bootstrap-tpls.js。

確保您正確地連接到腳本，到頁面的源代碼，並嘗試到達UIB腳本，這是可能的，你建立你的項目，但腳本文件沒有添加到構建中。

確保您後加入UIB腳本你後添加角腳本和您在您的index.html添加引導程序文件

來源

2016-12-11 09:28:10 svarog

謝謝。我只是對項目進行了大規模清理，並用最新版本替換了所有的庫，而這發生在我身上。原來我也加載了這兩個庫。（面朝掌）。刪除對ui-bootstrap.js的引用修復了一切。 –

我解決這個節目購買取出參考到ui-bootstrap.js，僅使用對ui-bootstrap-tpls.js的引用，修復了一切。

來源

2018-02-07 10:32:19 ylxbcoding

無法加載模板：UIB /模板/莫代爾/ window.html

回答

相關問題