聚合物1.0 DOM的重复绑定数组

Question

在我尝试更新到聚合物1.0我得到了以下问题的数据绑定：

我高分子0.5的webapp使用重复，模板来生成复选框某些类别。所有checked值都以类别ID作为关键字绑定到数组（sortedCatsArray）。下面是更新部分聚合物1.0我第一次尝试，但它不工作...

<template is="dom-repeat" items="{{sortedCatsArray}}" as="category"> 
     <paper-checkbox for category$="{{category.id}}" checked="{{filterChkboxes[category.id]}}"></paper-checkbox> 
    </template> 

正如你可以在docs阅读，这是不可能再结合同方阵列的性能 - 方括号（现在的方式：object.property）。任何人都可以告诉我是否仍然可以将所有生成的复选框值绑定到一个数组中？

更新＃1

正如你可以在docs读，阵列的具有约束力的指标，不支持。所以我试图从文档中为我的案例使用该示例，并编写了以下代码。如果我运行此代码，它似乎按预期工作：检查第一个和第三个复选框。但我也希望如果手动检查/取消选中复选框，数组将被更改。这不会发生，只有当我改变数组（在ready - 函数）的复选框选中得到...

<dom-module id="my-index"> 
<link rel="import" type="css" href="/css/index.css"> 
    <template> 
     <template is="dom-repeat" items="{{sortedCatsArray}}" as="category"> 
      <paper-checkbox for category$="{{category.id}}" checked="{{arrayItem(filterChkboxes.*,category.id)}}" on-change="test"></paper-checkbox> 
     </template> 
    </template> 
</dom-module> 
<script> 
    Polymer({ 
    is: "my-index", 
    properties: { 
     filterChkboxes: { 
      type: Array, 
      notify: true, 
      observer: "filterChkboxesChanged", 
      value: function(){return[true,false,true,false];} 
     }, 
     sortedCatsArray: { 
      type: Array, 
      value: function(){return[{id: 0}, {id: 1},{id: 2},{id: 3}]}, 
      notify: true   
     },  
    }, 
    ready: function(){ 
     this.set('filterChkboxes.1',true); 
    }, 
    test: function(){ 
     console.log(this.filterChkboxes); 
    }, 
    observers: [ 
     'filterChkboxesChanged(filterChkboxes.*)' 
    ], 
    arrayItem: function(array, key){ 
     return this.get(key, array.base); 
    }, 
    filterChkboxesChanged: function(changes){ 
     console.log(changes); 
    }, 
    }); 
</script> 

Answer 1

正如docs说你不能在绑定注释表达式。而不是checked="{{filterChkboxes[category.id]}}"定义computed property并将其替换为类似checked="{{get_filterChkboxes(category.id)}}"的东西，其中get_filterChkboxes是您应该相应定义的计算属性。