將整個頁面加載到模態（Angular Bootstrap）

Question

我試圖在我的頁面中加載模式，但是當我加載頁面時，我無法加載「modal.html」，而是顯示頁面的完全副本模態。

我有MainController與ui.bootstrap正確注入而這個函數：

$scope.loadEditForm = function() { 
    var modalInstance = $modal.open({ 
     ariaLabelledBy: 'modal-title', 
     ariaDescribedBy: 'modal-body', 
     templateUrl: 'modal.html', 
     controller: 'ModalController', 
     }); 
    }; 

modal.html它是在控制器的相同的目錄中。

<div class="modal-header"> 
<p>Hello</p> 
</div> 

main.html中頁面，在這裏我有按鈕調用的函數：

<button ng-click="loadEditForm()">Edit Form</button> 

而且ModalController：

angular.module('ModalController', []).controller('ModalController', function($scope, $http) { 
}); 

所以問題是，當我點擊按鈕，模態窗口出現與我的「main.html」相同的內容，但沒有關於我的「模態」。 html「

如果有人能幫助我，我將非常感激。

謝謝！

編輯：

當我按一下按鈕，在控制檯中出現以下內容：

Web console

Answer 1

解決

的問題是在路徑，我改變通過：

var modalInstance = $modal.open({ 
    ariaLabelledBy: 'modal-title', 
    ariaDescribedBy: 'modal-body', 
    templateUrl: 'views/modal.html', 
    controller: 'ModalController', 
    }); 

將modal.html更改爲我的「views」文件夾。