Angular 当响应是来自http请求的对象数组时,如何显示数据?
嗨,伙计们,我正试图在这个链接的帮助下使用angular2 http请求实现搜索功能…在这个例子中,来自wiki的响应将是一个字符串数组,因此代码如下Angular 当响应是来自http请求的对象数组时,如何显示数据?,angular,Angular,嗨,伙计们,我正试图在这个链接的帮助下使用angular2 http请求实现搜索功能…在这个例子中,来自wiki的响应将是一个字符串数组,因此代码如下 @Component({ selector: 'my-app', template: ` <div> <h2>Wikipedia Search</h2> <input type="text" [ngFormControl]="term"/> <ul> <li
@Component({
selector: 'my-app',
template: `
<div>
<h2>Wikipedia Search</h2>
<input type="text" [ngFormControl]="term"/>
<ul>
<li *ngFor="#item of items | async"></li>
</ul>
</div>
`
})
export class App {
items: Observable<Array<string>>;
term = new Control();
constructor(private wikipediaService: WikipediaService) {
this.items = wikipediaService.search(this.term.valueChanges);
}
}
@组件({
选择器:“我的应用程序”,
模板:`
维基百科搜索
`
})
导出类应用程序{
项目:可观察假设响应是对象数组请告诉我您忘记了包含您使用的运算符。您可以在导入中添加此项:
import {Injectable} from 'angular2/core';
import {URLSearchParams, Jsonp} from 'angular2/http';
import {Observable} from 'rxjs/Observable';
import 'rxjs/add/operator/debounceTime'; // <----
@Injectable()
export class WikipediaService {
(...)
}
从'angular2/core'导入{Injectable};
从'angular2/http'导入{URLSearchParams,Jsonp};
从“rxjs/Observable”导入{Observable};
导入'rxjs/add/operator/debounceTime';//您忘记包含您使用的运算符。您可以在导入中添加此运算符:
import {Injectable} from 'angular2/core';
import {URLSearchParams, Jsonp} from 'angular2/http';
import {Observable} from 'rxjs/Observable';
import 'rxjs/add/operator/debounceTime'; // <----
@Injectable()
export class WikipediaService {
(...)
}
从'angular2/core'导入{Injectable};
从'angular2/http'导入{URLSearchParams,Jsonp};
从“rxjs/Observable”导入{Observable};
导入'rxjs/add/operator/debounceTime';//谢谢Thierry,但是当响应是对象数组时,您将在组件和html文件中进行哪些更改?如果您得到类似于[object1、object2、object3….]的响应,是否可以更新plnkr不客气!这是一个描述这一点的plunkr:。这是你需要的吗?是的,Thierry Templier…我可以在用户键入内容时使用相同的代码来实现,这样我就可以在列表中显示返回的值吗?因为我需要使用去盎司时间和distinctUntilChangedSure来实现它;-)看看这个plunkr:。谢谢Thierry,但是如果响应是对象数组,那么您将在组件和html文件中进行哪些更改?如果您得到类似于[object1、object2、object3….]的响应,是否可以更新plnkr不客气!这是一个描述这一点的plunkr:。这是你需要的吗?是的,Thierry Templier…当用户键入某些内容时,我可以使用相同的代码来实现,这样我就可以在列表中显示返回的值吗?因为我需要使用Debounce Time和distinctUntilChangedSure来实现它;-)看看这个plunkr:。