Angular2和InstaFeed查询

时间:2017-07-04 09:09:07

标签: javascript angular instafeedjs

我正在为客户制作一个网站,这需要他们的Instagram照片显示在其中一个标签上。我使用Angular4和Instafeed来实现这一目标。我使用NPM安装了Instafeed,将.angular-cli中的脚本,.angular-cli中的css链接起来,然后是Tab的HTML上的instaFeed脚本,最后以InstaFeed类的Div结束。但是,在运行网站时,我没有看到任何错误,但也没有显示任何图片。有什么帮助吗?

1 个答案:

答案 0 :(得分:4)

对于操作来说可能会迟到,但是对于其他人正在努力解决这个问题。如果你有在角度cli中声明的脚本,对我来说有用的是在你想要使用instafeed的组件中声明instafeed变量,就像这样......

declare var Instafeed:any;

然后在同一个组件内添加instafeed

的代码
var feed = new Instafeed({
    get: 'user',
    userId: 'xxxxxx',
    clientId: 'xxxxxxxxx',
    accessToken: 'xxxxxxxxxxx',
    template: '<a href="{{link}}"><img src="{{image}}" /><p>Likes {{likes}}</p><p>Comments {{comments}}</p></a>',
    limit: 1
});
feed.run();