带有templateUrl的Angular Directive - 关于Plunker的问题？

Question

我可以链接到Plunker中的特定文件吗？具体来说,我想在一个指令中使用Angular的"templateUrl"来外化我正在构建的指令的HTML:

myApp.directive('groupedlist', function() {
  return {
    restrict: 'E',
    scope: true,
    templateUrl: '/groupedList.html',
    link: function() {}
  };
});

我有一个名为"groupedList.html"的文件,其中包含一个HTML模板,但似乎这些是Plunker项目中的逻辑文件 - 我的浏览器抱怨因为找不到groupsList.html.是否可以使用Plunker做我想做的事情？我宁愿不使用"模板"属性,因为我想要外化的HTML内容数量微不足道.

Answer 1

templateUrl 不适用于绝对 URL，请使用相对 URL（例如“./page.html”或“../templates/page.html”）。如果您需要将跨域页面加载到模板，您可以执行请求（XMLHttpRequest）并将STRING HTML设置为模板。