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