角度2,从instagram获取最新照片

时间:2017-05-15 14:57:11

标签: angular instagram-api

我正试图从我的Instagram帐户中获取4张最新照片并将其显示在组件中。 我只是想显示照片,并将其链接到帖子。

import {Component, Init} from '@angular/core'
import {Jsonp} from '@angular/http'

@Component({
  selector: 'my-app',
  template: `...`,
})
export class App implements OnInit {
photos;

  constructor(private _jsonp: Jsonp) { }

  ngOnInit() {

    this.photos = this._jsonp.request('https://api.instagram.com/v1/users/self/media/recent/?access_token=ACCESS-TOKEN').subscribe();
  }
}

然后在模板中

<ul>
  <li *ngFor="let photo of photos">
   <a href="{{photo.link}}">
    <img src="{{photo.img}}"/>
   </a>
  </li>
</ul>

0 个答案:

没有答案