gpt4 book ai didi

javascript - Polymer 2 条件属性

转载 作者:行者123 更新时间:2023-11-30 11:21:59 25 4
gpt4 key购买 nike

我尝试查找有关 Polymer 2 的条件属性的信息,但我只能找到有关 Polymer 1 的信息。有人知道吗?

最佳答案

在 Polymer 1.0 中,属性绑定(bind)的语法是:

<x-foo attr?="{{boolean-expression}}">

在 Polymer 2.0 中,syntax changed?=$=:

<x-foo attr$="{{boolean-expression}}">

window.addEventListener('WebComponentsReady', () => {
class XFoo extends Polymer.Element {
static get is() { return 'x-foo'; }

static get properties() {
return {
checked: {
type: Boolean,
value: false
}
};
}

_toggleCheck() {
this.checked = !this.checked;
}
}
customElements.define(XFoo.is, XFoo);
});
<head>
<base href="https://polygit.org/polymer+v2.5.0/components/">
<script src="webcomponentsjs/webcomponents-loader.js"></script>
<link rel="import" href="polymer/polymer.html">
</head>
<body>
<x-foo></x-foo>

<dom-module id="x-foo">
<template>
<button on-click="_toggleCheck">Toggle check</button>
<input type="checkbox" checked$="{{checked}}">
</template>
</dom-module>
</body>

关于javascript - Polymer 2 条件属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49499214/

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