gpt4 book ai didi

polymer-1.0 - dom 绑定(bind)中的 Polymer 1.0 绑定(bind)函数

转载 作者:行者123 更新时间:2023-12-01 00:48:33 26 4
gpt4 key购买 nike

我正在尝试将函数从 dom-bind 绑定(bind)到嵌套元素,如下所示。
不知何故,点击绑定(bind)不起作用。
我在控制台 Pane 中收到消息:[dom-bind::_createEventHandler]: listener method {{handleClick}}没有定义的。

<!DOCTYPE html>
<html>
<head>
<title>auto-binding test</title>
<script src="bower_components/webcomponentsjs/webcomponents.js"></script>
<link rel="import" href="bower_components/polymer/polymer.html"/>

</head>
<body unresolved>
<dom-module id="number-element" >
<template>
I'm number <span>{{number}}</span>. Click me!
<template is="dom-if" if="{{odd}}">
(By the way, I'm odd.)
</template>
</template>
<script>
Polymer({
is:'number-element',
properties: {
number: {
value: 0,
reflectOnAttributes: true,
observer: "numberChanged",
type: Number,
notify: true
},
odd: {
value: false,
type: Boolean,
notify: true

}
},
numberChanged: function() {
this.odd = this.number % 2 == 1 ? true : false;
}
});
</script>
</dom-module>

<template id="page-template" is="dom-bind">
<h1>&lt;template is="auto-binding"&gt; Demo</h1>
<template is="dom-if" if="{{lastClicked}}">
<p>You last clicked on <span>{{lastClicked}}</span>.</p>
</template>
<template is="dom-repeat" items="{{numbers}}" as="item">
<p>
<number-element number="[[item]]" on-click="{{handleClick}}"></number-element>
</p>
</template>
</template>
<script>
var template = document.querySelector('#page-template');
template.isNumberOdd = {};
template.numbers = [0, 1, 2, 3];
template.handleClick = function(e) {
template.lastClicked = e.target.number;
};
</script>

</body>
</html>

提前致谢。

最佳答案

您不应在事件名称周围使用大括号。如下更改它,它应该可以工作

<number-element number="[[item]]" on-click="handleClick"></number-element>

关于polymer-1.0 - dom 绑定(bind)中的 Polymer 1.0 绑定(bind)函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32733755/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com