angular.js
anddisqus
integration made easy
A set of directive(s) and services to simplify the life of developers.
Add ngDisqus
to required modules list
angular.module('myApp', [ …, 'ngDisqus' ]);
Register your shortname
:
- by just adding it to
window.disqus_shortname
- by configure with
$disqusProvider
and registering it via$disqusProvider.setShortname
Add comments to threads by using the disqus
directive
<!-- directive can be used as an attribute -->
<div disqus="id"></div>
<!-- directive can be used as a class attribute -->
<div class="disqus : id"></div>
Disqus will only update on sites which use hashbang
( #!
).
Thats not something I have control over, so in order to use this plugin, please make sure that you have your $locationProvider.hashPrefix('!')
set.
Disqus identifiers must be passed to the directive as as expressions. If the plan is to pass a constant then one must make sure that the constant is wrapped in '
apostrophes (disqus="'id'"")
Angular-disqus will display comment using the data-disqus-identifier
attribute.
Example on how to show the comment count:
<a href="#!/test/1">test page 1</a> |
<a href="#!/test/1" data-disqus-identifier="1"></a>
This will replace the content of the anchor tag with given comment count.
There is some talk of this in the disqus spec
$disqus#getShortname
getter for the current shortname$disqus#comment
will reset comments (or generate comments if needed)$disqusProvider#setShortname
setter for shortname$loadCount
initiates the thread comment count loading (generally should not be used)
npm install
bower install
grunt test
grunt build
MIT