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做我想做的事情？我宁愿不使用“模板”属性，因为我想要外化的内容数量微不足道。

Answer 1

templateUrl无法使用绝对网址，而是使用相对网址（例如＆＃39; ./ page.html＆＃39;或者＃39; ../ templates / page.html＆＃39;）。如果您需要将跨域页面加载到模板，您可以执行请求（XMLHttpRequest）并将STRING HTML设置为模板。

Answer 2

就像拉斐尔所说的那样，但只是添加......如果你把你的文件放在像我这样的子文件夹中，请使用： templateUrl: 'app/home.html', styleUrls: ['app/home.css'],

你会认为'./home.html'会起作用，但即使我的组件在同一个文件夹中也不行。

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

2 个答案: