Angular2-显示加载消息,并在异步调用完成后将其隐藏

用户名

一旦来自REST API的异步调用完成后,我愿意显示/隐藏“正在加载”消息,它会隐藏“正在加载”消息并显示取回的内容。

我不知道如何在Angular2中实现这一点,但是在JavaScript中,完成了以下操作:

 <h2 id="message">Loading....</h2>
 <script>
 $(document).ready(function(){
  $('#message').hide();
   //Then Show the newly fetched content
  }
 </script>
哈姆扎·L。

我相信您正在使用ngFor来显示获取的数据。

这应该为您工作:

<div *ngIf="!content">Loading...</div>
<div #ngFor="#content of content"></div>
<div *ngIf="content">Now the fetched content appears here!</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular2隐藏infoWindow

来自分类Dev

Angular2隐藏infoWindow

来自分类Dev

Angular2 显示数据

来自分类Dev

Angular fire 2异步调用一次,但直到第一个完成后才处理第二个回调

来自分类Dev

Angular 4 - 在异步调用后显示消息

来自分类Dev

angular2异步表单验证

来自分类Dev

子组件的 Angular2 异步问题

来自分类Dev

Angular2 上的异步函数

来自分类Dev

DevExtreme 隐藏列 EditMode Angular2

来自分类Dev

Angular2 *ngFor 隐藏父项

来自分类Dev

循环中的所有异步调用完成后,如何调用函数?

来自分类Dev

Angular2动态加载模板

来自分类Dev

在Angular2中动态加载组件

来自分类Dev

在Angular2中加载“配置”

来自分类Dev

Angular2:无法加载组件

来自分类Dev

初始加载设置angular2

来自分类Dev

在Angular2中动态加载组件

来自分类Dev

Angular2延迟加载路线问题

来自分类Dev

调用嵌套组件函数angular2

来自分类Dev

在angular2中调用Typescript getter

来自分类Dev

angular2 routerOnActivate没有被调用

来自分类Dev

Angular2从服务中调用组件

来自分类Dev

依次调用 Angular2 函数

来自分类Dev

Angular2 Jasmine spyOn http 调用

来自分类Dev

Angular2 调用 WCF 服务失败

来自分类Dev

angular2中的多个ajax调用

来自分类Dev

在Angular2中显示JSON值

来自分类Dev

图像未在angular2中显示

来自分类Dev

希望从异步调用的angular2 ngfor按钮循环中获取价值