disqusHere

Angular directive for embeding Disqus comments on your site.

Apart of standard disqus fields you can toggle visibility of disqus comments with ajax reloading them after switching visible on.

You can also use your own function as Disqus onReady callback.

Getting Started

Download the production version or the development version .

In your web page:

<script src="angular.js"></script>
<script src="dist/disqus-here.min.js"></script>

In your module:

angular.module('demo', ['disqusHere'])

Documentation

shortname

Type: String
Description: Short name from Disqus settings read more

url

Type: String
Description: Disqus url param read more

identifier

Type: String|Integer
Description: Disqus identifier param read more

title

Type: String
Description: Disqus title param read more

category-id

Type: String
Description: Disqus category_id param read more

disable-mobile

Type: Boolean
Description: Disqus disable_mobile param read more

on-ready

Type: Function
Description: Function which will be fired with disqus onReady callback

display-comments

Type: Boolean
Description: Binded value for toggling visibility of comments
Default: true

Examples

Min usage:

<disqus-here shortname="your-disqus-shortname"></disqus-here>

DEMO

Full usage:

<disqus-here shortname="your-disqus-shortname"
             url="{{disqusPageUrl}}"
             identifier="{{disqusPageID}}"
             title="{{disqusPageTitle}}"
             disable-mobile="{{disqusDisableMobile}}"
             category-id="{{disqusCatID}}"
             on-ready="onCommentsReady()"
             display-comments="commentsVisible">
</disqus-here>