angular2材料「進步圈」

如果我們採用了棱角分明，CLI和把所有的角材2裏面和做工精細，我們如何爲範例進展圈添加到index.html的angular2材料「進步圈」

<app-root> 
    <md-spinner>Loading..</md-spinner> 
    </app-root>

在此加載文本，以便我們可以看到圓裝載的不是純文本

我媒體鏈接嘗試進口，爲APP-根component.ts 這樣

import { Component } from '@angular/core'; 
import {MD_PROGRESS_CIRCLE_DIRECTIVES} from '@angular2-material/progress-circle'; 

@Component({ 
    moduleId: module.id, 
    selector: 'app-root', 
    templateUrl: 'app.component.html', 
    styleUrls: ['app.component.css'], 
    directives:[MD_PROGRESS_CIRCLE_DIRECTIVES] 
}) 
export class AppComponent { 
    title = 'app works!'; 
}

任何想法如何使其在index.html中工作？

來源

2016-07-15 Rommy

爲了使其運行，這兩個語句添加到您的systemjs.config.js文件：

@angular2-material/progress-circle': 'node_modules/@angular2-material/progress-circle, 

node_modules/@angular2-material/progress-circle': { main: 'progress-circle.js', defaultExtension: 'js' },

你可以看到這個圖像在這些語句的位置： systemjs.config.js file

當然，你需要先使用已安裝的NPM模塊：

npm i @angular2-material/progress-circle

希望這會有所幫助:)

來源

2016-07-30 04:27:00

不要認爲這是可能的，因爲「加載...」是直到角加載之前要顯示的內容。所以你不可能真的有一個Angular的東西顯示角度負載。

有this example似乎有一個「預加載器」分區它看起來像它正在做你正在嘗試完成。你可以看看他們的源以獲取更多信息here

來源

2016-07-15 16:37:47

angular2材料「進步圈」

回答

相關問題