Question

有没有人有使用Polymer的经验？

我拥有的：一个sqlite数据库，用于存储内部有一些对象的数组数据。一个聚合物应用程序，使用dom-repeat Web组件显示数据库中的对象。

我需要做什么：仅从数据库中显示基于过滤的对象。

在我的应用中，我有一个＆＃34;过滤器＆＃34;具有一些要检查的选项的表单，并且根据选中的选项（它们是复选框），它应该仅返回与我的选择匹配的数据库中的那些对象。

我知道你可以使用a＆＃34;过滤器＆＃34; dom-repeat组件中的元素，它接受一个值作为回调函数。在应用程序中检查选项是否已被选中，我们可以插入checked =＆＃34; {{hostChecked :: change}}＆＃34;。从Polymer文档中我也知道您可以插入观察者来查找应用程序中的更改。我做到了这一点，但无法弄清楚如何将所有这些发现放在一起。

我非常了解Polymer，非常感谢经验帮助。

提前致谢

Answer 1

试试这个：

<my-app>
  <my-checkbox checked="{{prop1}}">
  <my-checkbox checked="{{prop2}}">
  ...
</my-app>

然后：

static get properties() {
  return {
    prop1: Boolean,
    prop2: Boolean,
    filter: {
      computed: '_computeFilter(prop1, prop2,...)'
    }
  };
}

_computeFilter(prop1, prop2,...) {
  return function(item) {
    return (item.prop1 === prop1 && item.prop2 === prop2 && ...)
  }
}

和

<template is="dom-repeat" items="{{sqldata}}" filter="{{filter}}">

据我所知，你更关注app复选框的变化，而不是sqldata在运行时更改。

聚合物应用程序从sqlite数据库过滤数据

1 个答案: