介绍
fh-wfm-user-angular 是一个针对于 FieldHockey 平台用户管理的 Angular 模块。它提供了创建、更新、删除和查询用户的方法。
安装
在项目根目录下，通过 npm 安装 fh-wfm-user-angular：
npm install fh-wfm-user-angular --save
引入
在你的项目中，引入模块：
import { FH_USER_ANGULAR_MODULE } from 'fh-wfm-user-angular';
angular.module('myApp', [FH_USER_ANGULAR_MODULE]);使用
Users Service
UsersService 是一个用来与服务器进行通讯的服务。在你的控制器中，通过注入服务，你可以使用它提供的方法：
-- -------------------- ---- -------
------ - ------------ - ---- ----------------------
----- ------------ -
------------------------- -
----------------- - -------------
-
----------- -
------------------------
---------------- -- -
---------- - ---------
---
-
-
-------------------- - ---------------
-------------------------------------------------- --------------list
获取用户列表。
usersService.list(options);
options 是一个可选的对象，支持以下属性：
filter：一个 MongoDB 查询语法的对象，用于查询特定的用户。from：跳过前面的用户，然后返回剩下的用户，用于分页。size：返回的用户数量，用于分页。
-- -------------------- ---- -------
----- ------- - -
------- - ---------- ----- --
----- --
----- --
--
--------------------------
---------------- -- -
----------------------
---create
创建新的用户。
usersService.create(user);
user 是一个对象，包含以下属性：
username：用户名。email：电子邮件地址。firstName：用户的名字。lastName：用户的姓氏。
-- -------------------- ---- -------
----- ---- - -
--------- ------
------ ------------------
---------- ------
--------- -------
--
-------------------------
------------------- -- -
-------------------------
---update
更新已经存在的用户。
usersService.update(user);
user 是一个对象，包含以下属性：
_id：用于识别用户的 ID。_etag：用于乐观锁的 etag 值。username：用户名。email：电子邮件地址。firstName：用户的名字。lastName：用户的姓氏。
-- -------------------- ---- -------
----- ---- - -
---- ---------------------------
------ -----------------------------------
--------- ------
------ ------------------
---------- ------
--------- -------
--
-------------------------
------------------- -- -
-------------------------
---delete
删除已经存在的用户。
usersService.delete(id);
id 是用于识别用户的 ID。
const id = '58e3204ae04ce00d00e35b3c';
usersService.delete(id)
.then(() => {
console.log('Deleted: ' + id);
});Directives
fhUserList
渲染用户列表。
<fh-user-list></fh-user-list>
fhUserCreate
创建新的用户。
<fh-user-create></fh-user-create>
fhUserUpdate
更新已经存在的用户。
<fh-user-update user="ctrl.user"></fh-user-update>
user 是已经存在的用户对象。
fhUserDelete
删除已经存在的用户。
<fh-user-delete user="ctrl.user"></fh-user-delete>
user 是已经存在的用户对象。
示例
一个基本的用户管理应用程序：
-- -------------------- ---- -------
------ ------- ---- ----------
------ - ----------------------- ------------ - ---- ----------------------
----- -------------- -
------------------------- -
----------------- - -------------
---------- - ---
-
--------- -
---------------
-
--------- -
------------------------
---------------- -- -
---------- - ---------
---
-
---------------- -
------------------------------
-------- -- -
---------------
---
-
-------------- -
--------------- - -----
-
---------------- -
------------------------------
-------- -- -
--------------- - -----
---------------
---
-
---------------- -
----------------------------------
-------- -- -
-- ---------------- -- ------------------- --- --------- -
--------------- - -----
-
---------------
---
-
-
---------------------- - ---------------
----------------------- ------------------------------------------------------ ------------------ -------------------- ---- -------
--------- -----
----- ---------------
------
----- ----------------
--------------------
-------
----- ----------------------------- -- ------
--------------
------- -------------------------------- -------------
-------
-------
----
-----------------
--------------
--------- ---------
-------- ---------
---------------
-----
--------
-------
--- --------------- -- ------------
------ ------------- -------
------ ---------- -------
------ -------------- -------
------ ------------- -------
----
------- --------------------------------------------
------- ------------------------------------------------
-----
-----
--------
--------
---------------
---------------------- -- ---------------------
---------------------------------
------------------
---------------
---------------------- -- --------------------
----------------------
---------------------------------
-------------------------- - -----
------------------
---------------
---------------------- -- --------------------
----------------------
---------------------------------
-------------------------- - -----
------------------
------- -----------------------------------------------
------- ----------------------------------------------------------------------------
-------
-------总结
本文详细介绍了 fh-wfm-user-angular 模块的安装、使用和示例。在一个完整的用户管理应用程序示例中，使用了服务和指令来与 FieldHockey 平台进行通讯和渲染用户列表、创建、更新和删除用户。这个模块可以帮助开发人员更方便地实现用户管理的功能，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055b9181e8991b448d937a
