我收到错误异常:TypeError:articles.filter不是函数
为我服务
import {Injectable} from 'angular2/core';
import {Http} from 'angular2/http';
import 'rxjs/Rx';
@Injectable()
export class ArticlesService {
http:Http;
constructor(http:Http) {
this.http = http;
}
getArticle(id: number) {
return Promise.resolve('./articles.json').then(
articles => articles.filter(article => article.id === id)[0]
);
}
}
My Plunker但在《英雄之旅》中效果很好
最佳答案
问题很简单。它对您不起作用,因为您的服务使用字符串而不是数组进行解析:
getArticle(id: number) {
return Promise.resolve('./articles.json').then(
articles => articles.filter(article => article.id === id)[0]
);
}
注意,Promise.resolve('./articles.json')
( documentation ) 用字符串解析。
正确的代码应该是这样的:
import {Injectable} from 'angular2/core';
import {Http} from 'angular2/http';
import 'rxjs/Rx';
@Injectable()
export class ArticlesService {
http: Http;
constructor(http: Http) {
this.http = http;
}
getArticle(id: number) {
return this.http.get('./articles.json')
.map(res => res.json())
.toPromise()
.then(articles => articles.filter(article => article.id === id)[0]);
}
}
关于angular - .filter 不是 Angular2 的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35891671/