ngx disqus 다운로드 -NGX ngx disqus 소스 코드 다운로드

ngx disqus

기타 소스코드

v3.0.1

다운로드

Angular disqus 구성 요소

앱에 즉시 disqus를 추가하십시오!

설치

npm i ngx-disqus

용법

disqus에 등록 된 웹 사이트의 고유 식별자 인 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 >