在现代的 Web 开发中，前端技术越来越重要。而 npm 包作为管理前端依赖的工具，成为了前端工程化中的重要一环。在这篇文章中，我们介绍一个 npm 包 —— ng-disqus，用于在 AngularJS 程序中集成 Disqus 评论系统。
什么是 Disqus
Disqus 是一个评论系统，可以方便地嵌入到网站中，实现对某篇文章的评论。其主要特点包括：
- 支持社交化登录，用户可以使用自己在 Facebook、Twitter、Google 等平台上的账户登录；
- 提供嵌入式评论框，方便地将评论框嵌入文章页面中；
- 可以将评论的内容同步到社交媒体上，更好地推广文章。
ng-disqus 使用教程
ng-disqus 是一个 AngularJS 的模块，可以方便地将 Disqus 评论系统集成到 AngularJS 应用中。下面是 ng-disqus 的使用教程。
安装
在项目根目录下执行以下命令安装 ng-disqus：
$ npm install ng-disqus
引入
在需要使用 Disqus 评论系统的 AngularJS 控制器中，引入 ngDisqus 模块：
var app = angular.module('myApp', ['ngDisqus']);使用
在 HTML 模板中，需要使用以下标签来嵌入 Disqus 评论系统：
<disqus shortname="your_shortname"></disqus>
其中，shortname 属性是在 Disqus 官网注册时生成的，用于标识当前网站。
示例
-- -------------------- ---- -------
--- --- - ----------------------- --------------
------------------------------ ---------------- ------- -
------------------- - -
----------------- --------------
--
----------------- - ---------- -
--------------------------------------
--
--------------------------------- ---------- -
--------------------
---
---<div ng-controller="MyController">
<disqus shortname="{{disqusConfig.disqus_shortname}}"></disqus>
</div>结语
本文简要介绍了 npm 包 ng-disqus 的使用方法，展示如何在 AngularJS 应用中使用 Disqus 评论系统。在实际开发中，ng-disqus 可以极大地方便我们的工作，有效地提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056f7681e8991b448e7a55