在元素中初始化的数组值不显示在中介级别

Question

不确定我做错了什么，但我希望看到我已初始化的数组的长度。但是，当我访问 'mediator' 级别的数据时，我看到了一个空值。

此代码也在 jsbin 中：http://jsbin.com/wujaruy/edit?html,output

<!doctype html>
<head>
  <base href="https://cdn.rawgit.com/download/polymer-cdn/1.5.0/lib/">
  <link rel="import" href="polymer/polymer.html">
</head>

<body>

  <dom-module id="x-container">
    <template>
      <!-- doesn't show the expected value of '3' -->
      <div>In container; # of items:[[listItems.length]]</div>
      <x-list listItems="{{listItems}}"></x-list>
    </template>

    <script>
      Polymer({
      is: 'x-container'
      });
    </script>
  </dom-module>


  <dom-module id="x-list">
    <template>
      <div>In x-list 1; # of items:[[listItems.length]]</div>
    </template>

    <script>
      Polymer({
      is: 'x-list',
      properties: {
      listItems: {type: Array, value: [1,2,3], notify: true}
      }});
    </script>
  </dom-module>

  <x-container listItems="{{listItems}}"></x-container >

</body>

Answer 1

想通了；我被大写问题困扰了。改变

<x-list listItems="{{listItems}}"></x-list>

到

<x-list list-items="{{listItems}}"></x-list>

解决了问题

在元素中初始化的数组值不显示在中介级别

Array value initialized in element doesn't show at the mediator level

polymer