<div *ngIf="loaded"> Your content</div>
<div *ngIf="!loaded"> Loader </div>
并且, loaded 变量可以在类中分配,并根据状态进行更改 .
如果这是具有子视图的东西你可以考虑 ngAfterViewInit()
如果您从api获取数据并显示数据,则可以相应地在加载数据时将 loaded 变量指定为true
最初,将 loaded 变量指定为false .
另外,考虑到在所有组件中添加加载器的问题,您可以在根组件中添加加载器,并可以通过服务更改状态(true / false) . 然后,您必须通过组件更改状态 . 并且,还从根组件订阅变量的值是否显示加载器或内容 . 希望这部分可能会有所帮助 - Component Interaction through a service
2 回答
在
AppComponent
中调用ngAfterViewInit()
时会加载子项根据您对我的问题的评论,您可以在另一个div中的div和loader中添加加载内容 . 你可以根据状态隐藏/显示 .
并且, loaded 变量可以在类中分配,并根据状态进行更改 .
如果这是具有子视图的东西你可以考虑
ngAfterViewInit()
如果您从api获取数据并显示数据,则可以相应地在加载数据时将 loaded 变量指定为true
最初,将 loaded 变量指定为false .
另外,考虑到在所有组件中添加加载器的问题,您可以在根组件中添加加载器,并可以通过服务更改状态(true / false) . 然后,您必须通过组件更改状态 . 并且,还从根组件订阅变量的值是否显示加载器或内容 . 希望这部分可能会有所帮助 - Component Interaction through a service