首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >动态注入组件与通过*ngIf控制组件

动态注入组件与通过*ngIf控制组件
EN

Stack Overflow用户
提问于 2020-09-02 10:55:11
回答 1查看 98关注 0票数 0

我有一个场景,其中我有一个组件,它执行一些http请求来显示数据,如果在这样做的时候出现异常,我想只显示错误组件。

将错误组件放在模板中是否有意义

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<ng-template [ngIf]="showError">
    <error-view></error-view>
</ng-template>

并将该标志设置为true以显示。

或者在出现错误时使用ComponentFactoryResolver动态注入组件?

EN

回答 1

Stack Overflow用户

发布于 2020-09-02 11:04:20

*ngIf指令不会立即呈现元素。

以下是

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<ng-template [ngIf]="showError">
  <error-view></error-view>
</ng-template>

或者更短的变种

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<error-view *ngIf="showError"></error-view>

直到showError为true时,才会实际呈现组件。

在呈现过程中,ng-template将被替换为如下诊断注释

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!--bindings={
  "ng-reflect-ng-if": "false"
}-->

所以我想说在这种情况下使用ComponentFactoryResolver是不必要的。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63704036

复制
相关文章

相似问题

领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文