我想根据条件加载特定的模板。条件的值通过@Input()
检索。如何根据此值为注释中的templateUrl
键选择值?我可以在Angular 2组件中有条件加载模板吗?
1
A
回答
1
您应该避免这种情况,并将其分解为2个独立的组件。在这种情况下,您可以使用ngSwitchCase并根据值加载您需要的组件,或者您可以使用相同的组件,但添加两个带有* ngIf的html块,然后您可以显示/隐藏任何您需要的内容。
+0
感谢您的提示!你能解释为什么要避免这种情况吗? –
+0
因为,角度2的要点是将所有的东西都分离到小的组件,并避免大量的if/else逻辑组件。 –
相关问题
- 1. 如何在Angular 2组件中动态加载外部模板?
- 2. 我可以在运行时加载模块吗? Angular 2
- 3. Angular 2模板有模板吗?
- 4. 是否有可能像在模块中一样使用Angular 2加载组件?
- 5. 使用Angular指令有条件加载模板
- 6. 你可以在Angular 2组件中使用OnChanges和DoCheck吗?
- 7. 在组件中加载Angular 2模块的正确方法
- 8. Angular 2组件不在不同模块中加载
- 9. Angular 2:如何有条件地异步加载路由中的组件?
- 10. 使用Angular 1.5 - 你可以在另一个组件的模板中有一个组件吗?
- 11. 我可以在angular2中为一个组件添加两个模板吗?
- 12. Webpack 2 Angular 1模板加载器?
- 13. Angular 2 - 逐个加载动态组件
- 14. Angular 2:推迟组件加载
- 15. 将Angular 2组件加载到区域
- 16. 我可以在app.config文件中添加条件吗?
- 17. 组件不会加载到另一个组件的模板中
- 18. 在Angular 4中,我可以以编程方式更改模板中使用的组件类型吗?
- 19. Dart,Angular 2包/模块的条件加载
- 20. 我可以通过两种方式在没有模板的组件模板中绑定模型属性吗?
- 21. routerLink在Angular 2中的组件模板之外,基于html
- 22. 在组件Angular 2中使用模板标签?
- 23. 如何在Angular 2中基于组件有条件添加样式表?
- 24. Angular 2 - 如何有条件地向我的组件添加样式?
- 25. 我可以使用条件语句和EJS模板(在JMVC中)吗?
- 26. 通过Angular 2中的所有组件加载脚本
- 27. Angular 2+可重用组件
- 28. Emacs组织模式:我可以在加载文件时打开列视图吗?
- 29. 当模板引擎可以通过Angular 2使用吗?
- 30. Angular 2如何避免模板中的许多条件(ngIf)?
我想有一个类似的问题:http://stackoverflow.com/questions/36071097/how-can-i-have-dynamic-templateurl-for-angular2-component –