介绍
appointy-sdk-angular 是一个用于在 Angular 应用程序中集成 Appointy API 的 npm 包。它提供了一组 Angular 服务和组件，使你可以轻松地与 Appointy API 进行交互。
本教程将指导你如何使用 appointy-sdk-angular 包在你的 Angular 应用程序中使用 Appointy API。在阅读本教程之前，请确保你已经了解了 Angular 和 TypeScript 的基础知识。
安装
要将 appointy-sdk-angular 添加到您的 Angular 应用程序中，请首先通过 npm 安装它。
npm install --save appointy-sdk-angular
接下来，您需要将 Appointy API 的公共 API 密钥添加到您的环境配置文件中。可以在 Appointy 开发者门户中获取此密钥。
export APPOINTY_API_KEY=<your_api_key>
您还需要在您的 Angular 应用程序中导入 AppointySdkModule，并将其添加到应用程序模块中。
-- -------------------- ---- -------
------ - ----------------- - ---- -----------------------
------ - -------- - ---- ----------------
-----------
-------- -
----------------------------
-- --- ----- -------
-
--
------ ----- --------- - -现在，您已经成功地将 appointy-sdk-angular 添加到您的 Angular 应用程序中！
使用
获取预约
要获取从给定时间开始的预约，请使用 AppointmentService 中的 getAppointments。您需要提供一个开始时间和结束时间，例如：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------------ - ---- -----------------------
------------
--------- -----------
--------- -
----
--- ----------- ----------- -- --------------
-- ----------------- --
-----
-----
-
--
------ ----- ------------ -
------------- ------
------------
------- ------------------- ------------------
- --
---------- -
----- ----- - --- -------
----- --- - --- -------------------- - -- - -- - ------
---------------------------------------------- ----
----------------------- -- ----------------- - --------------
-
-在上面的示例中，我们使用 AppointmentService 来获取当前时间开始的下一个小时的预约。我们订阅了返回值，并在 appointments 中设置返回的预约对象数组。
创建预约
要创建预约，请使用 AppointmentService 中的 createAppointment。您需要提供预约对象的详细信息，例如：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------------ - ---- -----------------------
------------
--------- -----------
--------- -
----- -------------------------------
-----------------
------ ----------- --------------------
-------------------
------ --------------------- --------------------
-------------------
------ --------------------- ------------------
------- ---------------------------
-------
-
--
------ ----- ------------ -
------ -------
------ -------
---- -------
------------
------- ------------------- ------------------
- --
------------------- -
----- ----------- - -
------ -----------
------ --- -----------------
---- --- --------------
--
------------------------------------------------------
------------------- -- -----------------------
-
-在上面的示例中，我们创建 HTML 表单来收集预约的详细信息。当表单提交时，我们使用 AppointmentService 来创建预约。我们将返回值订阅到控制台上，以便查看操作是否成功。
更新预约
要更新预约，请使用 AppointmentService 中的 updateAppointment。您需要提供预约的 ID 和要更新的属性，例如：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------------ - ---- -----------------------
------------
--------- -----------
--------- -
----
--- ----------- ----------- -- --------------
------ ----------- --------------------------------
------- -------------------------------------------------------
-----
-----
-
--
------ ----- ------------ -
------------- ------
------------
------- ------------------- ------------------
- --
---------- -
----- ----- - --- -------
----- --- - --- -------------------- - -- - -- - ------
---------------------------------------------- ----
----------------------- -- ----------------- - --------------
-
--------------------- ------- -
----- ----------- - ------------------------ -- ---- --- ----
--------------------------------------------- - ------ ----------------- --
------------------- -- -----------------------
-
-在上面的示例中，我们遍历当前时间开始的下一个小时的所有预约，并为每个预约创建一个可编辑的标题输入框和一个保存按钮。当保存按钮被点击时，我们使用 AppointmentService 来更新相应的预约标题。我们将返回值订阅到控制台上，以便查看操作是否成功。
删除预约
要删除预约，请使用 AppointmentService 中的 deleteAppointment。您只需要提供要删除的预约的 ID，例如：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------------ - ---- -----------------------
------------
--------- -----------
--------- -
----
--- ----------- ----------- -- --------------
-- ----------------- --
------- -------------------------------------------------------
-----
-----
-
--
------ ----- ------------ -
------------- ------
------------
------- ------------------- ------------------
- --
---------- -
----- ----- - --- -------
----- --- - --- -------------------- - -- - -- - ------
---------------------------------------------- ----
----------------------- -- ----------------- - --------------
-
--------------------- ------- -
---------------------------------------------
------------------- -- -----------------------
-
-在上面的示例中，我们遍历当前时间开始的下一个小时的所有预约，并为每个预约创建一个可删除的按钮。当按钮被点击时，我们使用 AppointmentService 来删除相应的预约。我们将返回值订阅到控制台上，以便查看操作是否成功。
结论
现在，您已经了解了如何使用 appointy-sdk-angular 包在 Angular 应用程序中使用 Appointy API。您已经学会了如何获取、创建、更新和删除预约。希望这个教程对您有帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056d1381e8991b448e6d63