Question

如何访问元素，属性以及以selected的{{1}}项进行迭代？

打开控制台。
从列表中选择两个或三个项目。
点击标有＆＃34;在控制台中显示项目的按钮。＆＃34;
请注意控制台输出的最后三行中的输出问题。它们显示未定义的数组长度以及任何对象键应为空的数组。

那么，我们如何访问这些选定项目的值？

iron-list

注意：This question uses the source code of the iron-list "selected items" demo。

Answer 1

也许铁列表没有通知selectedList上的更改。您可以将方法更改为

    _showItems: function(){
      console.log(this.selectedList);
      console.log(this.selectedList[0]);
      console.log(this.selectedList[0]['name']); 
      console.log(this._computeSelectedItemsLength(this.selectedList)); 
      console.log(this._computeSelectedKeys(this.selectedList));
      console.log(this._computeSelectedNames(this.selectedList));
    }

此外，您还应该更改：

    _computeSelectedNames: function(ob) {
      var out = [];
      for(x in ob){
        out.push(ob[x]['name']);
      }
      return out;
    },

啊，添加控件以检查selectedList是否为空;）

Answer 2

来自Polymer Slack网站的@jeanpokou说：

也许您需要使用<array-selector id="selector" items="{{employees}}" selected="{{selected}}" multi toggle></array-selector> 像这里建议https://www.polymer-project.org/1.0/docs/devguide/templates.html#array-selector

Answer 3

来自Polymer Slack网站的@rob说：

此处是固定版本https://jsbin.com/hiruducole/1/edit?html,output

你需要观察者（selectedItems。*）

然后您可以使用更改记录来确定更改内容

https://www.polymer-project.org/1.0/docs/devguide/properties.html#array-observation

你也可以观察（selectedItems.splices），但我懒惰，只做（selectedItems。*），它会捕捉到任何变化。

以下是对变更记录及其他内容的解释：https://www.polymer-project.org/1.0/docs/devguide/properties.html#deep-observation

主要变化：https：//jsbin.com/hiruducole/1/edit？html，output

/** / Before
selectedLength: {
  computed: '_computeSelectedLength(selectedItems)'
},
/**/
// After
selectedLength: {
  computed: '_computeSelectedLength(selectedItems.*)'
},
...
/** / Before
_computeSelectedLength: function(ar) {
  return ar.length;
},
/**/
// After
_computeSelectedLength: function(record) {
  return record.base.length;
},

Polymer 1.x：访问＆＃39;选择＆＃39;铁列表中的物品

3 个答案: