介绍
angularjs-db 是一种基于 AngularJS 的简单、易用的浏览器端数据库包。它提供了一组 API，让你能够使用浏览器端存储数据，并让你的 AngularJS 应用无需后端数据存储即可实现数据持久化。
本教程将会介绍 angularjs-db 的安装和使用方法，以及一些使用该库的案例。
安装
安装 angularjs-db 包非常简单，你只需要在命令行中输入以下的命令：
--- ------- ------------
使用
首先，在你的 AngularJS 应用中引入 angularjs-db：
------- -----------------------------------
接着，在你的 AngularJS 应用模块中引入 angularjs-db：
------------------------- -----------------
现在，你可以在你的应用中使用 angularjs-db 提供的 API 来操作浏览器端的数据库。
创建实例
首先，你需要创建 angularjs-db 的一个实例，以便在之后的操作中使用该实例：
-------------------------
----------------------------- ---------- ------------ ---------------- ---------- -
--- -- - -------------------------------
----create() 方法接受一个参数，用于指定数据库的名称。如果该名称的数据库不存在，则会创建一个新数据库；如果该名称的数据库已存在，则会打开该数据库。
添加数据
创建一个名为 example 的数据集，往里面添加一条数据：
--- -------------- - ---------------------------- --- ------- - ------ ------- ---- ---- ----------------------------
获取数据
从名为 example 的数据集中获取数据：
--- ------ - --------------------- -------------------- -- ------- ------- ---- ----
修改数据
从名为 example 的数据集中获取名为 john 的数据，将其年龄改为 20：
--- ---- - -------------------------- --------- -------- - --- ----------------------------
删除数据
从名为 example 的数据集中删除名为 john 的数据：
--- ---- - -------------------------- --------- ----------------------------
复杂操作
在 angularjs-db 中，你可以通过查询对象来实现复杂的数据操作。比如，你可以通过以下方式从数据集中找到 name 包含 john 并且 age 大于 18 的数据：
--- ------ - -------------------------- ----------- -------- ---- ----- ------ -------------------- -- ------- ------- ---- ----
更多支持的查询操作可以参考 angularjs-db 的文档。
示例
以下是一个使用 angularjs-db 的完整代码示例：
--------- -----
------
------
----- ----------------
------------------- ------------
------- ------------------------------------------------------------------------------------
------- -----------------------------------
-------
----- ---------------
---- -----------------------------
------ ----------- ---------------------- -------------------
------ ------------- --------------------- ------------------
------- -----------------------------------
----
--- ----------------- -- ----------------------- ---------------------
-----
------
--------
----------------------- -----------------
--------------------------- ---------- ------------ ---------------- ---------- -
--- -- - -------------------------
--- ------------- - ---------------------------
------------- - --------------------
------------- - -
----- ---
---- --
--
---------------- - ---------- -
---------------------------------
------------- - --------------------
------------- - -
----- ---
---- --
--
--
----
---------
-------
-------该示例中，我们创建了一个名为 myDB 的数据库实例，并在其中创建了一个名为 people 的数据集，用于存储人员信息。我们使用了 ng-repeat 指令来展示数据列表，并使用了 ng-model 指令来将用户输入的数据绑定到 person 对象上，最后使用 ng-click 指令来执行保存数据的操作。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005727c81e8991b448e8af3