ดาวน์โหลด ngx disqus - ดาวน์โหลดซอร์สโค้ด ngx disqus

ngx disqus

ซอร์สโค้ดอื่น ๆ

v3.0.1

ดาวน์โหลด

ส่วนประกอบ disqus เชิงมุม

เพิ่ม disqus ลงในแอพของคุณทันที!

การติดตั้ง

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 >