模板中的Angular2指令用法

Question

我找到了一个递归对象视图组件，它将对象/数组结构显示为结构化列表。 这是工作组件： https://embed.plnkr.co/Anxv8zImWmD0WzizCSVT/ 我尝试的是在模板中使用该指令，该模板通过templateUrl而不是使用模板加载。 这是我不成功的例子： https://embed.plnkr.co/mHEKcxnUcTk85OSffbCe/

你能告诉我在我的例子中我做错了什么吗？

由于

Answer 1

您的应用无法启动，因为它无法找到您的模板文件。在app.ts中，更改：

templateUrl: './my-template.html'

使用：

templateUrl: 'src/my-template.html'

顺便说一下，如果您只是学习Angular，我强烈建议您使用最新版本。您的示例基于版本2 beta 15，Angular自那时起发生了重大变化，包括许多重大更改。

而是{p> Work with this plunkr。 Angular团队使用最新版本（目前为2 rc.5）保持最新版