Angularjs 带templateUrl的Angular指令-Plunker上的问题？

我可以链接到Plunker中的特定文件吗？具体地说，我想在指令中使用Angular的“templateUrl”将我正在构建的指令的HTML外部化：

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

---

我有一个名为“groupedList.html”的文件，其中包含一个html模板，但这些似乎是Plunker项目中的逻辑文件——我的浏览器抱怨说，因为它找不到groupedList.html。能用Plunker做我想做的事吗？我不想使用“template”属性，因为我想将大量HTML内容外部化。

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

如Rafael所说，但只是为了添加……如果您像我一样将文件放入子文件夹，请使用：

templateUrl:'app/home.html'，
样式URL:['app/home.css']，

---

您可能认为

。/home.html'

可以工作，但即使我的组件位于同一文件夹中，也不行。

它们是相对路径。改为使用

templateUrl:'groupedList.html'

。谢谢，但这不起作用。浏览器报告尝试加载此url失败：它应该可以工作。你能提供一个到你的plunker的链接吗？我的想法有点崩溃了，但是在试图简化plunker以共享它的过程中，它开始工作了！我认为这是我在命名和引用自定义指令时，在骆驼壳和蛇壳方面犯了一些细微的错误。对不起，谢谢你-它很有效！我有过几个实例，其中Plunker的运行/预览版本与当前代码根本不一致。刷新应用程序页面（而不是预览）可以正常工作。但是，很高兴问题解决了！