延迟组件的html angular 2

Question

我想做这样的事情。当组件加载后，在1秒钟后加载它的html。这是代码成分（ts）。

import { Component } from '@angular/core';

@Component({
   selector: 'pagination',
   templateUrl: './app/html/pagination.component.html',
   styleUrls: ['app/css/pagination.component.css']
})

export class Pagination {}

我们在代码中看到templateUrl: './app/html/pagination.component.html',1秒后如何加载？总的来说，我的想法包括在服务器上执行发布请求时，向用户显示一个延迟（1秒）的负载。有任何想法吗？

Answer 1

尝试使用ngIf指令。

因此它将看起来像这样：

<div *ngIf="showContent">Will appear after ~1 sec</div>

在组件代码中：

export class Pagination {
    public showContent: boolean = false;
    public ngOnInit() {
      setTimeout(()=>this.showContent=true, 1000);
    }

}