Question

我在项目中使用了@ ng2-loading-bar。

"devDependencies": {
    .
    .
    "ng2-loading-bar": "0.0.6",
    .
    .
}

适用于Chrome，但它无法正常使用Firefox。 Firefox中没有完成进度条。

import {LoadingBarService} from "ng2-loading-bar";

@Injectable()
export class HttpService {

    constructor(private http: Http,
                private loadingBarService: LoadingBarService,
                private logger: Logger,
                private storageService: StorageService,
                private tokenService: TokenService,
                private router: Router) {
    }

    private sendGet(url: string, headers: Headers): Observable<any> {
        headers.append("Content-Type", "application/json");
        headers.append("Accept", "application/json");
        let options = new RequestOptions({headers: headers});
        this.emitStart();

        return this.http.get(url, options)
            .map(this.onComplete)
            .catch((error: any) => this.handleError(error, this));
    }

    private emitStart() {
        this.loadingBarService.start();
    }
}

任何想法为什么加载栏不起作用？

Answer 1

Firefox浏览器中的ajax请求有问题。但您只需使用loadingBarService.complete()即可完成加载栏。此功能已存在并在“ng2-loading-bar”包中定义。

Angular 5 ng2-loading-bar在firefox上无法正常工作

1 个答案: