###前提・実現したいこと
jsonp.get(http://xxx.com/api)で取得したJSONPデータを変数に格納して、使えるようにすることを考えております。
###発生している問題・エラーメッセージ
subscribe()の中であればjsonの中身を操作できるが、プロパティ等の変数に格納できないため、 該当ソースコード console.log(this.result)の結果が undefined になってしまう。
###該当のソースコード
データを取得したいjsonp
json
1__ng_jsonp__.__req0.finished( 2{"rsp":{"stat":"ok","frob":"zzzzzzzzzzzzzzzzzzz"}} 3)
上記のfrobの値をプロパティ変数として格納したい。
typescript
1import { Component, OnInit } from '@angular/core'; 2import { Md5 } from "ts-md5/dist/md5"; 3import { HttpClient } from '@angular/common/http'; 4import { Jsonp, Response } from "@angular/http"; 5import { Observable } from "rxjs/Rx"; 6import 'rxjs/add/operator/map'; 7 8@Component({ 9 selector: 'app-root', 10 templateUrl: './app.component.html', 11 styleUrls: ['./app.component.css'], 12}) 13export class AppComponent implements OnInit { 14 title = 'app'; 15 url = 'http://api.rememberthemilk.com/services/rest/?' 16 api_key = 'xxxxx' 17 shared_secret = 'yyyyy' 18 19 public result: string[] 20 21 constructor( 22 private http: HttpClient, 23 private jsonp: Jsonp, 24 ) {} 25 26 ngOnInit() { 27 let api_sig = Md5.hashStr(this.shared_secret + 'api_key' + this.api_key + 'callback__ng_jsonp__.__req0.finishedformatjsonmethodrtm.auth.getFrob'); 28 let api_url = this.url + 'api_key=' + this.api_key + '&callback=__ng_jsonp__.__req0.finished&format=json&method=rtm.auth.getFrob&api_sig=' + api_sig; 29 30 this.result = this.http.request(api_url) 31 .map(res => res.json()) 32 .subscribe(json => { 33 JSON.parse(JSON.stringify(json), function(key, value) { 34 if (key == 'frob') { 35 return value; 36 } 37 }) 38 }); 39 console.log(this.result); 40 } 41}
###試したこと
- return valueを this.result = valueにした
- http.get()で試した
- .subscribe(json => this.result = json)で保存しようとした
###補足情報(言語/FW/ツール等のバージョンなど)
angular4
typescript 2.5.3
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/10/24 09:05
2017/10/25 00:14
2017/10/25 02:26