ngx disqus

角度ディスク成分

アプリに即座にdisqusを追加してください！

インストール

npm i ngx-disqus

使用法

disqusに登録されているように、あなたのウェブサイトの一意の識別子であるdisqus shortnameを設定します

 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 >

---

注記

HashlocationStrategyは、disqusと互換性がありません

詳細については、AjaxサイトのDisqusを確認してください

---

問題

このコンポーネントのエラーを特定したり、改善のアイデアを持っている場合は、問題を開いてください！

著者

Murhaf Sousli

• github/murhafsousli
• Twitter/murhafsousli

その他のプラグイン

• NGX-ShareButtons
• ngx-gallery
• NGX-Progressbar
• ngx-scrollbar
• NGX-BAR定格
• ngx-disqus
• ngx-highlightjs