我是 Angular 2 的新手。我使用 angular-cli 创建应用程序。
我需要在项目启动时使用Progress Spinner component，我正在寻找如何在项目启动时使用它，但我没有找到任何相关信息。我知道这是可能的，因为我看到很多项目都使用了它，this is an example。你能帮助我吗？非常感谢。
【问题讨论】：
标签： angular angular-cli angular-material2
我发现使用 SVG 图形很容易实现，而且：
<div id="loader"><img src="assets/img/loader-preview.svg" alt="loading"></div>
在主应用程序上（对我来说是 index.html）：
<body>
<base href='/'>
<my-app>
<div id="loader"><img src="assets/img/loader-preview.svg" alt="loading"></div>
</my-app>
【讨论】：
你可以简单地使用这个
@Component({
selector: 'spinner',
template: `<div *ngIf="show">
<span><i class="fa fa-spinner fa-spin" [ngStyle]="{'font-size': size+'px'}" aria-hidden="true"></i></span>
</div>
`
})
export class SpinnerComponent {
@Input() size: number = 50;
@Input() show: boolean;
}
【讨论】：