AngularJS 和 ForerunnerDB 绑定答案

【问题标题】：AngularJS and ForerunnerDB bindingAngularJS 和 ForerunnerDB 绑定
【发布时间】：2016-05-08 02:09:09
【问题描述】：

所以我正在制作一个仅限客户端/浏览器端的应用程序。因此，正如 Forerunnerdb 文档中所述，我已将 ForerunnerDB 放入 rootscope。然后我为一个集合加载任何存储的数据，如果没有找到，则从 JSON 文件中加载一些数据。

现在我的问题是如何绑定 Forerunner 并将其与 AngularJS 指令一起使用。理想情况下，我不想让另一个对象再次保存所有内容，因此我可以使用诸如重复之类的指令，然后在处理完对象后更新集合。

我已经看到 Forerunner 确实有自己的绑定/包装，但它带有自己的模板，而我更喜欢使用 angular。有什么办法可以做到这一点吗？

感谢您的帮助。

【问题讨论】：

当我include just a little snippet of code 时，我似乎得到了更快、更好和更多的答案。可能是因为其他人复制/粘贴/修改比从头开始编写示例要容易得多，而且无论问题是用什么语言编写的，程序员都可以更普遍地阅读代码以快速查看问题。

标签： javascript angularjs forerunnerdb

【解决方案1】：

ForerunnerDB 支持 AngularJS，您可以直接绑定到 Angular（无需使用不同的模板引擎）。在您的控制器中，您在 $scope 中定义数据，您可以告诉 ForerunnerDB 通过变量名将其数据绑定到范围。在下面的示例中，我们有一个名为“item”的集合，其中包含一堆项目，然后我们要求 ForerunnerDB 将该数据绑定到 $scope.items 变量：

db.collection('item')
    .ng($scope, 'items');

现在您可以在您的模板中以正常的 Angular 方式访问这些项目。对“item”集合的更改将自动反映在您的 Angular 视图中。

您也可以对 ForerunnerDB 视图执行相同的操作，例如

db.view('item').ng($scope, 'items');

附：确保包含 AngularJS ForerunnerDB 插件，因为 Angular 支持是可选的。在 HTML 中加载 ForerunnerDB 主文件后，应包含插件（在 ./js/dist/fdb-angular.min.js 中）。

来源：我写了 ForerunnerDB

【讨论】：