在 Angular 2 中第一次使用 http .get() 获取“未定义”

Question

我正在尝试从 Angular 中的端点检索数据。 这是服务：

export class VideosService {
result;
constructor(private http: Http, public router: Router) { }

getVideos() {
    this.http.get('http://localhost:3000/videos?sessionId=' + localStorage.getItem('sessionId'))
        .map(response => response.json())
        .subscribe(result => this.result = result);
        localStorage.setItem('videos', this.result);
        console.log(localStorage);
}

除了第一个之外，它每次都有效。第一个我有“未定义”，另一个我得到了实际的对象。

我做错了什么？ 谢谢！

Answer 1

在您的代码中：

.subscribe(result => this.result = result);
localStorage.setItem('videos', this.result);

代码localStorage.setItem('videos', this.result); 将在之前 .subscribe(result => this.result = result); 执行。

修复

查找异步编程 JavaScript 或简单地说：

.subscribe(result => {this.result = result;   localStorage.setItem('videos', this.result);});