$ mdDialog无法打开templateUrl,但模板工作正常

时间:2016-09-03 13:10:48

标签: angularjs angular-material mddialog

我正在尝试使用templateUrl在.html文件中打开包含模板的对话框。但是,当对话框打开时,文件的内容看起来像是空的。背景只是变暗,屏幕上没有任何内容。如果我执行template: "Test"而不是templateUrl,则会打开一个对话框,其中包含文本Test(应该如此)。

$mdDialog.show({
    templateUrl: "Dialogs/Teams/CreateTeamDialog.html",
    controller: "CreateTeamController",
    controllerAs: "vm"
}).then(function() {
    console.log("Woohoo");
});

当我打开开发人员工具并找到网络选项卡时,我可以在打开对话框时看到正在加载的文件:

  

状态:200 OK

总结一下:

  • 我的档案存在
  • 我的文件包含一些文字
  • 我打开对话框时正在加载我的文件
  • 该对话框适用于template,而不是templateUrl

那到底是怎么回事?

1 个答案:

答案 0 :(得分:0)

上帝该死...我花了几个小时试图解决这个问题。原来我的.html文件的内容是"空"。我所要做的就是移除flex容器(因为某些原因它是0px宽)。