ngx disqus

Angular Disqus组件

立即将DISQU添加到您的应用中！

安装

npm i ngx-disqus

用法

设置DISQUS Shortname，这是您网站的唯一标识符，如Disqus注册

 import { DISQUS_SHORTNAME } from 'ngx-disqus' ;

export const appConfig : ApplicationConfig = {
  providers : [
    {
      provide : DISQUS_SHORTNAME ,
      useValue : 'disqus_shortname'
    } ,
  ]
}

现在您可以使用Disqus组件

 import { DisqusModule } from 'ngx-disqus' ;

@ Component ( {
  standalone : true ,
  imports : [ DisqusModule ] ,
  selector : 'single-post' ,
  template : `<disqus [identifier]="pageId"></disqus>`
} )
export class SinglePostComponent {
  pageId : string = '/post/123' ;
}

• DISQUS组件需要identifier输入才能在您的应用程序上正常工作
• 例如，如果页面URL为localhost:4200/about ，则标识符应为/about 。

这是一个stackblitz

更多选项

在使用这些输入之前，请参见DISQUS官方文档（JavaScript配置变量）。

 < disqus [ identifier ] = "pageId" [ url ] = "url" [ category ] = "catId" [ language ] = "'en'"
        ( newComment ) = "onComment($event)" ( ready ) = "onReady($event)" ( paginate ) = "onPaginate($event)" > < / disqus >

---

笔记

Hashlocationstaty与DISQU不兼容

有关更多信息，请查看Ajax网站上的Disqus

---

问题

如果您确定此组件中的任何错误，或者有改进的想法，请打开问题！

作者

穆哈夫·苏斯利（Murhaf Sousli）

• Github/Murhafsousli
• Twitter/Murhafsousli

更多插件

• ngx-sharebutton
• NGX-Gallery
• NGX-Progressbar
• ngx-scrollbar
• NGX-bar评分
• ngx-disqus
• ngx-highlightjs