ngx disqus

مكون 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 >

---

ملحوظة

hashlocationtrategy غير متوافق مع disqus

لمزيد من المعلومات ، تحقق من Disqus على مواقع Ajax

---

مشاكل

إذا حددت أي أخطاء في هذا المكون ، أو لديك فكرة عن التحسين ، فيرجى فتح مشكلة!

مؤلف

مورهاف سوسلي

• Github/murhafsousli
• Twitter/Murhafsousli

المزيد من الإضافات

• NGX-Sharebuttons
• NGX-Gallery
• NGX-ProgressBar
• NGX-Scrollbar
• NGX-BAR التصنيف
• NGX-DISQUS
• NGX Highlightjs