Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Polymer dom重复模板无法呈现数组,错误为';项目的预期数组';_Polymer_Polymer 1.0 - Fatal编程技术网

Polymer dom重复模板无法呈现数组,错误为';项目的预期数组';

Polymer dom重复模板无法呈现数组,错误为';项目的预期数组';,polymer,polymer-1.0,Polymer,Polymer 1.0,我有一个简单的模板来渲染数组对象。但是,它会失败,并显示以下消息: [dom-repeat::dom-repeat]: expected array for `items`, found [{"code":1,"name":"Item #1"},{"code":2,"name":"Item #2"},{"code":3,"name":"Item #3"}] 数组以以下格式传递到自定义元素的属性中: [{"code":1,"name":"Item #1"},{"code":2,"name":"I

我有一个简单的模板来渲染数组对象。但是,它会失败,并显示以下消息:

[dom-repeat::dom-repeat]: expected array for `items`, found [{"code":1,"name":"Item #1"},{"code":2,"name":"Item #2"},{"code":3,"name":"Item #3"}]
数组以以下格式传递到自定义元素的属性中:

[{"code":1,"name":"Item #1"},{"code":2,"name":"Item #2"},{"code":3,"name":"Item #3"}]
我已经读了好几遍了,仍然找不到我做错了什么

任何帮助都将不胜感激

以下是我的自定义元素:

<dom-module id="x-myelement">   
    <template>
        <div>
            <h1>{{title}}</h1>
            <ul>
                <template is="dom-repeat" as="menuitem" items="{{items}}">
                    <li><span>{{menuitem.code}}</span></li>
                </template>
            </ul>           
        </div>
    </template>
    <script>
        (function() {
            Polymer({
              is: 'x-myelement',

              title: String,

              items: {
                  type: Array,
                  notify: true,
                  value: function(){ return []; }
              }           
            });
          })();
    </script>
</dom-module>

{{title}}
  • {{menuitem.code}
(功能(){ 聚合物({ 是:“x-myelement”, 标题:字符串, 项目:{ 类型:数组, 通知:正确, 值:函数(){return[];} } }); })();
下面是我现在使用的:

<x-myelement title="Hello Polymer" 
             items='[{"code":1,"name":"Item #1"},{"code":2,"name":"Item #2"},{"code":3,"name":"Item #3"}]'>
</x-myelement>

您需要将元素属性放入
属性
对象(请参阅):


否则,Polymer没有关于您的属性的信息。它将项目视为字符串,并且没有将属性值解析为JSON数组。最后,
dom repeat
也为其
items
属性传递了一个字符串,导致您看到的错误。

谢谢!我知道这一定是个愚蠢的错误!它正在工作:)
Polymer({
  is: 'x-myelement',
  properties: {
    title: String,
    items: {
      type: Array,
      notify: true,
      value: function() {return [];}
    }
  }
});