1
と連鎖要求(様々な数)を作成する方法更新見つかりソリューション角度2
私は最近https://api.instagram.com/v1/tags/ {タグ名} /メディア/(InstagramのAPIからすべてのページを取得したい?access_tokenは= ACCESS- TOKEN) それには 'next_url'というパラメータがあり、これを使って新しいページを取得できます。 再帰を試みましたが、〜13ステップでブラウザを強制終了しています。 コンポーネント:
import { Component, OnInit } from '@angular/core';
import {InstagramService} from './instagram.service';
import {Search} from '../search';
@Component({
selector: 'app-test',
templateUrl: './test.component.html',
styleUrls: ['./test.component.css']
})
export class TestComponent implements OnInit {
posts: Post[];
tag: String = 'blabla23';
constructor(
private instagramService: InstagramService
) {}
ngOnInit() {
this.getPosts();
this.posts = [];
}
getPosts(nextUrl?: string): void {
this.instagramService
.getTagMedia(this.tag, nextUrl)
.then((result: Search) => {
this.posts = this.posts.concat(this.posts, result.getMedia());
if (result.getNextUrl() != null) {
this.getPosts(result.getNextUrl().toString());
}
});
}
}
サービス:
import { Injectable } from '@angular/core';
import { Jsonp, Response, Headers, RequestOptions} from '@angular/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/toPromise';
import 'rxjs/add/operator/delay';
import { Search } from './search';
@Injectable()
export class InstagramService {
private apiUrl = 'https://api.instagram.com/v1/';
private token = 'blalba';
constructor (private jsonp: Jsonp) {}
public getTagMedia(tag: String, url: string|null): Promise<Search> {
url = url || `${this.apiUrl}tags/${tag}/media/recent?access_token=${this.token}`;
url = `${url}&callback=JSONP_CALLBACK`
return this.jsonp.get(url)
.toPromise()
.then(response => { return new Search(response.json());})
}
}
検索モデル:
export class Search {
private data;
private metadata;
private pagination;
constructor(row) {
this.data = row.data;
this.metadata = row.metadata;
this.pagination = row.pagination;
}
public getNextUrl(): string | null {
return this.pagination.next_url || null;
}
public getMedia() {
return this.data;
}
}私はObservable.flatMap()について知っているが、この場合には、それを使用することができなかった
要求の数が不明であるためです。
すべてのapiページを取得するにはどうすればよいですか? ps私はAngular 2とjsには全く新しいです。 pps申し訳ありません私の英語