在使用dom-repeat时,我在浏览器控制台中收到此错误:
无法读取未定义的属性“”apply“”
当我尝试在dom-repeat中显示对象内部的数组时,
代码是:
<link rel="import" href="../bower_components/polymer/polymer.html">
<dom-module id="hola-mundo">
<style>
h1{
color: blue;
}
</style>
<template>
<button on-tap="test">myButton</button>
<template is="dom-repeat" items="{{myObject.parameters}}">
<div>{{item.name}}</div>
</template>
</template>
</dom-module>
<script>
Polymer({
is: "hola-mundo",
properties: {
myObject: {
type:Object,
value: {
parameters: {
type: Array,
value: []
},
color: {
type: String,
value: 'red'
}
}
}
},
test: function(){
this.push('myObject.parameters', { 'id': '1', 'name': 'test'});
},
});
</script>
该数组必须位于对象内部
有人能纠正我的代码吗?我希望在这方面能帮上忙。
谢谢
更新1:
在这个堆栈溢出问题中,一个响应被选择为有效的,但它对我不起作用:
Polymer dom-repeat error parsing the array inside the object
<link rel="import" href="../bower_components/polymer/polymer.html">
<dom-module id="hola-mundo">
<style>
h1{
color: blue;
}
</style>
<template>
<button on-tap="test">myButton</button>
<h1>Hola Mundo <span>{{nombre}}</span></h1>
<template is="dom-repeat" items="{{rooms.ports}}">
<div>{{item.portName}}</div>
</template>
</template>
</dom-module>
<script>
Polymer({
is: "hola-mundo",
properties: {
rooms: {
type: Array,
value: [
{
name: "Room1",
maxPorts: 16,
ports: {
type: Array,
value: [
{portName: "Port 1",portStatus: "true"},
{portName: "Port 2",portStatus: "true"},
{portName: "Port 3",portStatus: "true"},
{portName: "Port 4",portStatus: "true"},
]
}
}
]
},
},
test: function(){
this.push('rooms.ports', {portName: "Port 4",portStatus: "true"});
},
});
</script>
发布于 2018-06-07 06:23:59
这一点:
properties: {
myObject: {
type: Object,
value: {
parameters: {
type: Array,
value: []
},
color: {
type: String,
value: 'red'
}
}
}
}
是不起作用的,因为您试图“定义”parameters
和color
,就好像它们是属性一样(实际上它们只是myObject
值的一部分),但实际上您是在为对象文本赋值
{
parameters: {
type: Array,
value: []
},
color: {
type: String,
value: 'red'
}
}
作为myObject
属性的值。因此,本例中的myObject.parameters
是Object
而不是Array
,因此this.push
失败。
尝试这样定义myObject
:
properties: {
myObject: { // Define properties at this level only
type: Object,
value: {
parameters: [], // Parameters is initially an empty array
color: 'red',
}
}
}
https://stackoverflow.com/questions/50719323
复制相似问题