Question

我正在尝试在我的页面中加载模态，但是当我加载页面时，我无法加载“modal.html”，而是在模态中显示该页面的完全副本。

我有正确注入了ui.bootstrap的 MainController 和这个函数：

$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',
  });

将modal.html更改为我的“views”文件夹。

将整个页面加载到模态（Angular Bootstrap）

1 个答案: