什么是 ng-conversational？
ng-conversational 是一个 Angular 库，它提供了一种可定制的聊天机器人 UI 组件。它可以帮助开发人员快速构建聊天机器人应用，并且具有高度的可定制性，可以根据项目的需要进行配置与扩展。
如何安装 ng-conversational？
首先，您需要创建一个新的 Angular 项目。然后，您可以按照以下步骤来安装和使用 ng-conversational：
- 在终端中使用 npm 安装 ng-conversational：
npm install ng-conversational --save
- 在 app.module.ts 中导入 ConversationalModule：
-- -------------------- ---- -------
------ - -------------------- - ---- --------------------
---
-----------
-------- -
---
--------------------
--
---
--
------ ----- --------- - -- 在组件中使用 ConversationalComponent：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - -------- ----- ------ - ---- --------------------
------------
--------- -----------
--------- -
------------------ ---------------------
---------------
---------------------------------------
-----------------------------
--------------------
--------------------
-
--
------ ----- ------------ -
--------- --------- - -
-
----- ------- --- --- ------
------- --- ----------- ------------------
------ -----
------- -----
----- --- --------------- - -------
-
--
---- - --- ------------ -------------------
------- - -----
-------------------- -------- -
-- ------
-
------------------ -------- -
-- ------
-
-如何使用 ng-conversational？
使用 ng-conversational 时，您需要指定以下参数：
messages：Message[] 类型的数组，用于显示聊天记录。avatar：User 类型的对象，用于头像展示。onSendMessage：函数，用于处理发送消息的逻辑。onTyping：函数，用于处理让用户知道是否正在输入的逻辑。talking：布尔类型的变量，用于指定是否可以输入。
使用 ng-conversational 的示例
以下是使用 ng-conversational 的示例代码：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - -------- ----- ------ - ---- --------------------
------------
--------- -----------
--------- -
------------------ ---------------------
---------------
---------------------------------------
-----------------------------
--------------------
--------------------
-
--
------ ----- ------------ -
--------- --------- - -
-
----- ------- --- --- ------
------- --- ----------- ------------------
------ -----
------- -----
----- --- --------------- - -------
-
--
---- - --- ------------ -------------------
------- - -----
-------------------- -------- -
----- ----------- ------- - -
----- -----------
------- ----------
------ -----
----- --- ------
--
-------------------------------
-
------------------ -------- -
------------ - ---------
-
-在这个示例中，我们创建了一个简单的聊天机器人，通过与用户交互来提供信息。我们通过浏览器的控制台来检查输出，确保一切正常。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005607c81e8991b448deb01