Javascript 角度UI引导模式-使用自定义模式窗口

如顶部的“从指令中选择模态链接”下拉列表中所示，有一个名为windowTemplateUrl的参数，用于覆盖模态内容。所以，如果我们正在使用它，那么在templateUrl或template中应该给出什么，因为调用modal的open函数需要这些函数之一。例如，代码如下所示

$scope.open = function(){
  var modalInstance = $modal.open({
      windowTemplateUrl : '/client/content.html'
  })
}

如果我像上面那样运行代码，它会给出一个错误，即需要templateUrl或template。那么，如何使用windowTemplateUrl。

windowTemplateUrl是用于窗口装饰的模板：

---

您仍然需要使用您希望看到的模板或templateUrl提供modal的内容

这就是windowTemplateUrl的工作原理

$scope.open = function () {

var modalInstance = $modal.open({
  templateUrl:'myModalContent.html',
  windowTemplateUrl: 'customModal.html',
  controller: 'ModalInstanceCtrl',
  resolve: {
  params: function(){
     return {
        title: 'Custom title 2'
           };
         }
      }
   });
};

首先，您可以在html文档中使用基本标记，也可以不使用相对URL

Angular不知道虚拟目录，所以当您站点的路径看起来像mysite.com/mysite时，有可能会遇到麻烦

pkozlowski.opensource已经给了你一个答案。还要注意，如果愿意，您可以提供模板的id而不是真实的url。在这种情况下，必须按如下方式声明模板：

<script type="text/ng-template" id="TemplateId">
    ...template...
</script>

---

你想在单独的浏览器窗口中打开模态吗？不，它应该在同一页上，就在模态背景或叠加上。该链接可能有用，那么，在这种情况下，有没有办法避免常规模态窗口出现白色背景，如上面的链接所示，点击“打开”并提供我自己的模式内容后，可以是页面上的任何位置，而不仅仅是居中。当然，你只需使用你想要的CSS进行任何装饰，然后内容将被放置在提供的装饰模板中。那么，是否可以给出一个小示例代码，即在“打开”函数中编写什么。那对我真的很有帮助。提前谢谢。@whyAto8当然，只需发送一个包含您迄今为止所尝试内容的plunk-，这是plunk-，它不是我的实际代码，只是一种演示。我没有包括参数windowTemplateUrl，因为我不知道如何使用它。应显示customModal.html中的内容，而不是自定义模式内容。请告诉我怎么做。谢谢。我们如何在customModal.html中设置值，{{title}和{params.title}都不起作用？这里有一个报告的bug和pull request@danielrvt，所以为什么我向angularui isssues页面报告了一个bug：我想修改模式模板和黑暗覆盖。如何在windowTemplateUrl中放置多个文件？这对我很有用，因为我无法确定动态路由上默认windowTemplateUrl的完整路径，所以实现自定义路径要容易得多。谢谢