апрель 29, 2017 · angular

Устанавливаем Disqus в Angular 4 приложение

Disqus - популярная и удобная система для добавления функционала комментариев на ваш сайт.

Стандартный код, который поставляет Disqus не выйдет в чистом виде использовать в Angular приложении, т.к если вы его вызовете при загрузке страницы, он выполниться лишь один раз. Так как у нас SPA, нам необходим динамический вызов этого кода.

Устанавливаем плагин

npm install ng2-awesome-disqus --save

Данный плагин даст функционал по простому подключению функционала.

Использование

Подключаем модуль:

...
import { DisqusModule } from 'ng2-awesome-disqus';
...
@NgModule({
  imports: [
      ...
      DisqusModule
...

Используем компонент комментариев:

<disqus [shortname]="'nvxdev'" [identifier]="post.meta.url"></disqus>
  • LinkedIn
  • Tumblr
  • Reddit
  • Google+
  • Pinterest
  • Pocket