将整个页面加载到模态(Angular Bootstrap)中

Question

我正在尝试在页面上加载模态，但是当我加载页面时，我无法加载" modal.html"，而是出现在该页面中的精确副本模态。

我有 maincontroller with 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"的相同内容出现，但是我的" modal.html"

没有任何内容

如果有人可以帮助我，我将非常感谢。

谢谢！

编辑：

当我单击按钮时，在控制台中显示以下内容：

Web Console

Answer 1

已解决

问题是在路径上，我改变了：

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

将模态.html更改为我的"视图"文件夹。