啓動時的角度材料2微調框

我是Angular 2的新角色。我使用angular-cli來創建應用程序。啓動時的角度材料2微調框

我需要在項目啓動時使用Progress Spinner component，我正在尋找如何在項目啓動時使用它，但我沒有找到任何有關它的信息。我知道這是可能的，因爲我看到很多使用過這個的項目，this is an example。你可以幫我嗎？非常感謝。

來源

2017-02-17 Ali Briceño

我發現，這是很容易的使用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>

來源

2017-03-28 15:37:15

你可以簡單地使用這個

@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; 

}

LIVE DEMO

來源

2017-03-28 15:41:27 Aravind

萬一有人找角2或4微調和它是如何工作的話，我建議閱讀這篇大文章，我強烈建議，我成功地實施和它的作品 http://codetunnel.io/how -to-DO-加載 - 紡紗最角-2 / –

啓動時的角度材料2微調框

回答

相關問題