- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有以下代码:
import { Injectable } from '@angular/core';
import { Http, Response, Headers, RequestOptions, URLSearchParams } from '@angular/http';
import { Observable } from "rxjs/Observable";
import { Document } from "../api-objects/document";
import { ErrorService } from "../error/error.service";
@Injectable()
export class QuestionsService {
private questionsUrl = '/api/questions'; // URL to web API
headers= new Headers({
'Content-Type': 'application/vnd.api+json',
'Accept': 'application/vnd.api+json' });
public newQnsCount: Observable<number>;
private time:Date;
constructor (
private http: Http,
private errorService:ErrorService
) {
var self = this;
this.newQnsCount = new Observable(
(observable) => {
//configure parameters
let params = new URLSearchParams();
//add filter options to query
params.set("filters", JSON.stringify([{
name: "date",
op: "gt",
val: self.getTime().toISOString()
}]));
//add functions[query] to query
params.set("functions", JSON.stringify([{
name: "count",
field: "id"
}]));
//to prevent returning from cache
params.set("rand", Math.random()+"");
//create options
var options = new RequestOptions({
headers:self.headers,
search: params
});
//create the http observable
var resp = self.http.get(self.questionsUrl, options)
.map(self.extractData)
.catch(self.handleError);
//create an interval that monitors the number of new questions
let interval = setInterval(() => {
resp.subscribe(
//return the count of new questions since the last get time
data => {observable.next(data[0])},
//handle errors
(error) => {
self.errorService.handle401(error);
observable.onError(error);
}
)
});
//return the observable's destroyer function
return () => {clearInterval(interval);}
}
);
}
getTime():Date{
return this.time;
}
addQuestion(question:Document):Observable<Document>{
let body = JSON.stringify(question);
let options = new RequestOptions({headers:this.headers});
var resp = this.http.post(this.questionsUrl, body, options)
.map(this.extractData)
.catch(this.handleError);
resp.subscribe(()=>{}, error => this.errorService.handle401(error));
return resp;
}
getQuestions():Observable<Document>{
let params = new URLSearchParams();
//to prevent returning from cache
params.set("rand", Math.random()+"");
//create options
var options = new RequestOptions({
headers: this.headers,
search: params
});
this.time = new Date();
return this.http.get(this.questionsUrl, options)
.map(this.extractData)
.catch(this.handleError);
}
private extractData(res: Response):Document {
let body = res.json();
return body || { };
}
private handleError (error: any):Observable<Document>{
// In a real world app, we might use a remote logging infrastructure
// We'd also dig deeper into the error to get a better message
let errMsg = (error.message) ? error.message :
error.status ? `${error.status} - ${error.statusText}` : 'Server error';
return Observable.throw(error.json());
}
}
我似乎无法从可观察的创建函数中访问QuestionsService
的范围。然而,这个问题似乎会影响 getTime()
函数,因为生成的错误消息是:
EXCEPTION: Error: Uncaught (in promise): EXCEPTION: Error in :0:0
ORIGINAL EXCEPTION: TypeError: self.time is undefined
ORIGINAL STACKTRACE:
QuestionsService/this.newQnsCount<@http://localhost:5000/client-app/app/shared/questions/questions.service.js:31:21
Observable.prototype.subscribe@http://localhost:5000/client-app/node_modules/rxjs/Observable.js:52:57
DashboardComponent@http://localhost:5000/client-app/app/components/dashboard/dashboard.component.js:21:9
anonymous/_View_DashboardComponent_Host0.prototype.createInternal@DashboardComponent_Host.template.js:13:34
AppView.prototype.create@http://localhost:5000/client-app/node_modules/@angular/core/src/linker/view.js:66:16
DebugAppView.prototype.create@http://localhost:5000/client-app/node_modules/@angular/core/src/linker/view.js:259:20
ComponentFactory.prototype.create@http://localhost:5000/client-app/node_modules/@angular/core/src/linker/component_factory.js:143:27
ViewContainerRef_.prototype.createComponent@http://localhost:5000/client-app/node_modules/@angular/core/src/linker/view_container_ref.js:108:28
DynamicComponentLoader_.prototype.loadNextToLocation/<@http://localhost:5000/client-app/node_modules/@angular/core/src/linker/dynamic_component_loader.js:45:20
Zone</ZoneDelegate</ZoneDelegate.prototype.invoke@http://localhost:5000/client-app/node_modules/zone.js/dist/zone.js:323:20
NgZoneImpl/this.inner<.onInvoke@http://localhost:5000/client-app/node_modules/@angular/core/src/zone/ng_zone_impl.js:45:32
Zone</ZoneDelegate</ZoneDelegate.prototype.invoke@http://localhost:5000/client-app/node_modules/zone.js/dist/zone.js:322:20
Zone</Zone</Zone.prototype.run@http://localhost:5000/client-app/node_modules/zone.js/dist/zone.js:216:25
scheduleResolveOrReject/<@http://localhost:5000/client-app/node_modules/zone.js/dist/zone.js:571:53
Zone</ZoneDelegate</ZoneDelegate.prototype.invokeTask@http://localhost:5000/client-app/node_modules/zone.js/dist/zone.js:356:24
NgZoneImpl/this.inner<.onInvokeTask@http://localhost:5000/client-app/node_modules/@angular/core/src/zone/ng_zone_impl.js:36:32
Zone</ZoneDelegate</ZoneDelegate.prototype.invokeTask@http://localhost:5000/client-app/node_modules/zone.js/dist/zone.js:355:24
Zone</Zone</Zone.prototype.runTask@http://localhost:5000/client-app/node_modules/zone.js/dist/zone.js:256:29
drainMicroTaskQueue@http://localhost:5000/client-app/node_modules/zone.js/dist/zone.js:474:26
ZoneTask/this.invoke@http://localhost:5000/client-app/node_modules/zone.js/dist/zone.js:426:22
ERROR CONTEXT:
[object Object]
我包含了 self
变量来尝试解决问题,但我得到了同样的错误。任何帮助将不胜感激。
最佳答案
使用arrow function =>
就像
.map((data) => this.extractData(data))
而不是
.map(this.extractData)
否则 this
的范围不会被保留。
不需要 self
。
关于javascript - 如何访问包装 Angular 2 observable 的构造函数的范围?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37735024/
正在尝试创建一个 python 包。似乎有效,但我收到警告。我的 setup.py 是: #! /usr/bin/env python from distutils.core import setup
我导入了一个数据类型 X ,定义为 data X a = X a 在本地,我定义了一个通用量化的数据类型,Y type Y = forall a. X a 现在我需要定义两个函数, toY 和 fro
我似乎无法让编译器让我包装 Tokio AsyncRead: use std::io::Result; use core::pin::Pin; use core::task::{Context, Po
我有两个函数“a”和“b”。当用户上传文件时,“b”被调用。 “b”重命名文件并返回新文件名。之后应该编辑该文件。像这样: def a(): edits file def b(): r
我使用 Entity Framework 作为我的 ORM,我的每个类都实现了一个接口(interface),该接口(interface)基本上表示表结构(每个字段一个只读属性)。这些接口(inter
有没有办法打开一个程序,通常会打开一个新的jframe,进入一个现有的jframe? 这里是解释,我下载了一个java游戏,其中一个是反射游戏,它在一个jframe中打开,框架内有一堆子面板,我想要做
我想要下面的布局 | AA BBBBBBB | 除非没有足够的空间,在这种情况下 | AA | | BBBBBBB | 在这种情况下,A 是复选框,B 是复选框旁边的 Text
我正在尝试以不同的方式包装我的网站,以便将背景分为 2 部分。灰色部分是主要背景,还有白色部分,它较小并包装主要内容。 基本上我想要this看起来像this . 我不太确定如何添加图像来创建阴影效果,
我正在使用 : 读取整数文件 int len = (int)(new File(file).length()); FileInputStream fis = new FileInputStream(f
我使用 maven 和 OpenJDK 1.8 打包了一个 JavaFX 应用程序我的 pom.xml 中的相关部分: maven-assembly-plugin
我正在使用两个不同的 ItemsControl 来生成一个按钮列表。
我有一个情况,有一个变量会很方便,to , 可以是 TimerOutput或 nothing .我有兴趣提供一个采用与 @timeit 相同参数的宏来自 TimerOutputs(例如 @timeit
我正在尝试包装一个名为 content 的 div与另一个具有不同背景的 div。 但是,当将“margin-top”与 content 一起使用时div,似乎包装 DIV 获得了边距顶部而不是 co
文档不清楚,它似乎允许包装 dll 和 csproj 以在 Asp.Net Core 5 应用程序中使用。它是否允许您在 .Net Core 5 网站中使用针对 .Net Framework 4.6
我被要求开发一个层,该层将充当通用总线,而不直接引用 NServiceBus。到目前为止,由于支持不引人注目的消息,这并不太难。除了现在,我被要求为 IHandleMessages 提供我们自己的定义
我正在尝试包装 getServersideProps使用身份验证处理程序函数,但不断收到此错误:TypeError: getServerSideProps is not a function我的包装看
我有一个项目,它在特定位置(不是/src/resources)包含资源(模板文件)。我希望在运行 package-bin 时将这些资源打包。 我看到了 package-options 和 packag
我正在寻找打印从一系列对象中绘制的 div。我可以通过使用下面的管道语法来实现这一点。 each i, key in faq if (key == 0) |
我在 Meteor.js“main.js - Server”中有这个方法。 Meteor.methods({ messageSent: function (message) { var a
我注意到,如果我的自定义Polymer 1.x元素的宽度比纸张输入元素上的验证错误消息的宽度窄,那么错误将超出自定义元素的右边界。参见下图: 有没有一种机制可以防止溢出,例如在到达自定义元素的边界时自
我是一名优秀的程序员,十分优秀!