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)
我找到了一个递归对象视图组件,它将 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)