ngx disqus download - ngx disqus source codes download

ngx disqus

Anderer Quellcode

v3.0.1

Herunterladen

Angular Disqus -Komponente

Fügen Sie Ihrer App sofort Disqus hinzu!

Installation

npm i ngx-disqus

Verwendung

Legen Sie den Disqus -Shortnamen fest, der die eindeutige Kennung für Ihre Website ist, wie sie auf DISQUS registriert sind

 import { DISQUS_SHORTNAME } from 'ngx-disqus' ;

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

Jetzt können Sie die disqus -Komponente verwenden

 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' ;
}

Die DIQUS -Komponente erfordert, dass die identifier in Ihrer App ordnungsgemäß funktioniert
Zum Beispiel, wenn die Seiten -URL localhost:4200/about ist, sollte die Kennung /about sein.

Hier ist ein Stackblitz

Weitere Optionen

Siehe Offizielle Dokumentation der DIQUS (JavaScript -Konfigurationsvariablen), bevor diese Eingaben verwendet werden.

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