如何以角度4显示加载条

时间:2018-05-19 05:52:12

标签: angular progress-bar

我正在使用角度4.并尝试添加加载栏,直到我没有从服务器端获得响应。当Request完成后,它不应该隐藏。 为此,我使用下面的代码在module.ts:

import { NgProgressModule } from 'ngx-progressbar';
@NgModule({
imports: [
    NgProgressModule
]
)}

在我正在使用的Html文件中:

<ng-progress [positionUsing]="'marginLeft'"
[direction]="'leftToRightIncreased'"
[color]="'#4286f4'" [trickleSpeed]="500" 
[thick]="true" [ease]="'easeInSine'" ></ng-progress>

1 个答案:

答案 0 :(得分:1)

在组件中,无论您需要进度条,都必须

<强> import { NgProgress } from 'ngx-progressbar';

constructor(private ngProgress: NgProgress) { 
}

根据需要使用 start() stop()

this.ngProgress.start();