相关疑难解决方法(0)

Angular 2上的Ngrx Store,Effects,Http Ajax轮询设置

我正在创建一个Ngrx Angular 2应用程序,并试图让我的http调用在一段时间后继续轮询.我已经看到了该interval()函数的使用,但是在Ngrx的情况下,当内部完成服务调用时@Effect(),它会产生错误.请指教:

@Injectable()
export class TasksEffects {
constructor(
    private actions$: Actions,
    private TS: TaskService
){}

@Effect()
onLoadTasksLoadTasks$: Observable<Action> = this.actions$.ofType(tasksActions.ActionTypes.LOAD_TASKS)
    .switchMap(() => {
        return this.TS.index()
            .map((res) => new tasksActions.LoadTasksSuccessAction(res.json()))
            .catch(err => of(new tasksActions.LoadTasksFailAction(err)));
    });
Run Code Online (Sandbox Code Playgroud)

我想每十秒运行一次switchMap功能.这不起作用.

    @Effect()
onLoadTasksLoadTasks$: Observable<Action> = this.actions$.ofType(tasksActions.ActionTypes.LOAD_TASKS)
    .switchMap(() => {
        return this.TS.index()
            .map((res) => new tasksActions.LoadTasksSuccessAction(res.json()))
            .catch(err => of(new tasksActions.LoadTasksFailAction(err)));
    }).interval(10000);
Run Code Online (Sandbox Code Playgroud)

类型错误是:

在此输入图像描述

ajax-polling ngrx ngrx-effects angular

5
推荐指数
1
解决办法
2411
查看次数

标签 统计

ajax-polling ×1

angular ×1

ngrx ×1

ngrx-effects ×1