html - 如何在 Angular 上明智地为组件 View 制作加载器

标签 html css angular components loader

我尝试在 View 加载时为每个组件 View 创建加载器而不是隐藏加载器。查看来自api的数据

我的组件结构如下图所示 <app-main></app-main>

<app-banner></app-banner>
<app-data></app-data>
<app-users></app-users>

不,当从 api 数据加载 View 时,我已经为每个组件创建了加载器

banner, data, users 的加载程序获取数据加载器隐藏后显示数据加载器时

我怎样才能像这样制作加载器

最佳答案

你必须制作一个<app-loader></app-loader>组件

它应该是可共享的

就在<main-app></main-app>里面

和各个组件的 ngOninit() 只会生成 <app-loader></app-loader>在响应可用时不可见

关于html - 如何在 Angular 上明智地为组件 View 制作加载器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57957985/

相关文章:

javascript - 如何设置页面之间转换的加载图标?

javascript - 在 javascript 中向 ListView 添加元素时出现问题?

javascript - 打开 HTML5 视频的隐藏字幕

javascript - 有必要在div容器上使用masonry吗?

javascript - jQuery 用户界面 : Cannot drag an element in a z-index stack

javascript - 在 JavaScript 或 jQuery 中对 HTML 内容进行排序

css - 添加 1px 填充会导致外部 div 包含子边距

javascript - 禁用 Angular react 形式的字段

angular - WebStorm 是如何识别 Angular 语言服务的?

angular - 错误 TS2416 类型 'Observable<APIResponse>' 不可分配给类型 'Observable<User>'