Angular2 指令在模板中的使用

Angular2 directive usage in template

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

你能告诉我我的例子做错了什么吗?

谢谢

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

templateUrl: './my-template.html'

与:

templateUrl: 'src/my-template.html'

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

Work with this plunkr 代替。 Angular 团队保持最新版本(当前为 2 rc.5)