Angular2 и запрос InstaFeed

Я делаю сайт для клиента, который требует, чтобы его фотографии в Instagram отображались на одной из вкладок. Я использую Angular4 и Instafeed для этого. Я установил Instafeed с помощью NPM, связал скрипт в .angular-cli, css также в .angular-cli, затем скрипт instaFeed в HTML-коде вкладки и, наконец, закончил Div класса InstaFeed. Однако при запуске сайта я не вижу никаких ошибок, но и картинки не отображаются. Любая помощь, пожалуйста??


person Yashank    schedule 04.07.2017    source источник


Ответы (1)


Это может быть поздно для операции, но как раз вовремя для кого-то, кто борется с этим. Если у вас есть скрипты, объявленные в angular 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();
person Shawn W    schedule 17.11.2017