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 [];}
}
}
});