【问题标题】:Can I load a template conditionally in an Angular 2 component?我可以在 Angular 2 组件中有条件地加载模板吗?
【发布时间】:2016-12-26 10:01:59
【问题描述】:

我想根据条件加载某个模板。通过@Input() 检索条件值。如何根据这个值选择注解中templateUrl键的值?

【问题讨论】:

标签: angular typescript annotations


【解决方案1】:

您应该避免这种情况并将其分解为 2 个独立的组件。在这种情况下,您可以使用 ngSwitchCase 并根据值加载该情况所需的组件,或者您可以使用相同的组件但添加两个带有 *ngIf 的 html 块,然后您可以显示/隐藏您需要的任何内容。

【讨论】:

  • 感谢您的提示!您能否解释一下为什么要避免这种情况?
  • 因为,角度 2 的重点是将所有的东西分离到小组件中,避免使用大量 if/else 逻辑的大组件。
猜你喜欢
  • 2023-01-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-03-14
  • 2017-05-22
  • 1970-01-01
  • 2017-02-02
  • 1970-01-01
相关资源
最近更新 更多