टेम्पलेट लोड करने में असफल: UIB/टेम्पलेट/मोडल/window.html

Question

मैं जैसे मैं सब कुछ कोशिश की है और मैं अभी भी त्रुटि मिलती है लग रहा है: निम्नलिखित मेरी इंडेक्स फ़ाइल में

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> 

तो किसी को भी मुझे बता सकते हैं क्या Ive गलत किया ?

Answer 1

1. सुनिश्चित करें कि आपने या तो यूई-बूटस्ट्रैप का टेम्पलेट संस्करण संलग्न किया है या बिना किसी के।

   <!-- 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 बनाए रखेगा।

1. सुनिश्चित करें कि आप ठीक तरह से स्क्रिप्ट से लिंक कर रहे, पेज स्रोत के पास जाकर UIB स्क्रिप्ट तक पहुँचने की कोशिश करो, यह आप अपने प्रोजेक्ट लेकिन स्क्रिप्ट फ़ाइल नहीं था का निर्माण किया है संभव है निर्माण में जोड़ा गया।

2. सुनिश्चित करें कि आप के बाद UIB स्क्रिप्ट जोड़ रहे हैं आप के बाद कोणीय स्क्रिप्ट और जोड़ने आप अपने index.html में बूटस्ट्रैप फ़ाइलें जोड़

Answer 2

मैं इस कार्यक्रम का समाधान संदर्भ को हटाने खरीद कर ui-bootstrap.js के लिए, केवल ui-bootstrap-tpls.js के संदर्भ का उपयोग करके, सबकुछ ठीक करें।