相关疑难解决方法(0)

我想要做的是:每当http请求诅咒时我都想使用微调器.换句话说,每当我的app.component中发生http请求时,我希望用户看到加载屏幕.
我的spinner.component和spinner-service文件与此问题中的答案相同.
我的app.component的组件是

@Component({
    selector: 'todoApi',
    template: `
        <div class="foo">
            <spinner-component></spinner-component>
            <h1>Internship Project</h1>
            <a [routerLink]="['Dashboard']">Dashboard</a>
            <a [routerLink]="['Tasks']">List</a>
            <router-outlet></router-outlet>
        <div>
    `,
    directives: [ROUTER_DIRECTIVES,SpinnerComponent],
    providers: [
        ROUTER_PROVIDERS,
    ]
})

@RouteConfig([
    {
        path: '/dashboard',
        name: 'Dashboard',
        component: DashboardComponent,
        useAsDefault: true
    },{
        path: '/tasks',
        name: 'Tasks',
        component: TaskComponent
    },{
        path: '/detail/:id',
        name: 'TaskDetail',
        component: TaskDetailComponent
    },
])

总而言之,每当在这些路线之一中发生http请求时,我想向用户显示微调器.我知道这是一个不好的问题,但我是棱角分明2的新手,如果有人能帮助我,我真的很感激.
非常感谢!
编辑!:
解决方案与半滑舌鳎的回答是:我包裹着我http和spinner-service成HttpClient组件,并用它来代替普通的HTTP模块.这是我的HttpClient组件:

import { Injectable } from '@angular/core';
import { Http, Headers } from '@angular/http'; …

我是角度5的新手.如何编写一个通用函数来为角度为5的每个HTTP请求显示微调器.请帮我实现这个.