介绍
angular2-relatedpost 是一个 Angular2 模块，它可以根据当前文章自动生成相关文章列表。
这个模块可以极大地提升网站阅读体验，帮助读者更快地找到他们感兴趣的文章，同时也能增加网站浏览量。
安装
通过 npm 安装：
npm install --save angular2-relatedpost
安装完毕后，我们需要在我们的 module 中进行导入：
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ----------------- - ---- -----------------------
-----------
-------- -
-----------------
-
--
------ ----- --------- - -使用
在要使用相关文章列表的组件模板中添加以下代码：
<related-post [postList]="postList" [relatedNumber]="relatedNumber" [dateFormat]="dateFormat" ></related-post>
其中：
postList：文章列表，类型为数组，每篇文章需要包含title、url、date等属性。relatedNumber：相关文章数量，默认值为 3。dateFormat：文章日期格式，默认为'yyyy-MM-dd HH:mm:ss'。
以下是一个示例代码：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------------
--------- -----------
------------ -----------------------
---------- -----------------------
--
------ ----- ------------ -
------ ----- - --------- ---------
------ --- - -------------------------------------------------
------ ---- - ----------- ----------
------ -------- - -
-
------ --------- ---------
---- ----------------------------------------------------------
----- ----------- ---------
--
-
------ --------- ------
---- ------------------------------------------
----- ----------- ---------
--
-
------ --------- --------
---- ---------------------------------------------------
----- ----------- ---------
--
-
------ --------- --------
---- ----------------------------------------------------
----- ----------- ---------
--
-
------ --------- --------
---- -----------------------------------------------------------
----- ----------- ---------
-
--
------ ------------- - --
------ ---------- - ----------- ----------
-结语
使用 angular2-relatedpost，我们可以轻松地为我们的文章网站添加相关文章列表，提升文章的阅读体验和网站的浏览量。希望本篇文章对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005601481e8991b448de1f3