我想根據條件加載特定的模板。條件的值通過@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 –