Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/selenium/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 当响应是来自http请求的对象数组时,如何显示数据?_Angular - Fatal编程技术网

Angular 当响应是来自http请求的对象数组时,如何显示数据?

Angular 当响应是来自http请求的对象数组时,如何显示数据?,angular,Angular,嗨,伙计们,我正试图在这个链接的帮助下使用angular2 http请求实现搜索功能…在这个例子中,来自wiki的响应将是一个字符串数组,因此代码如下 @Component({ selector: 'my-app', template: ` <div> <h2>Wikipedia Search</h2> <input type="text" [ngFormControl]="term"/> <ul> <li

嗨,伙计们,我正试图在这个链接的帮助下使用angular2 http请求实现搜索功能…在这个例子中,来自wiki的响应将是一个字符串数组,因此代码如下

@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:。