Polymer Can';不了解聚合物2.0自定义元素属性?
我无法理解此处属性的notify和reflect to attribute设置。谁能用一些简单适用的例子来解释一下 通知: 发件人: 通知类型:布尔型 如果为true,则该属性可用于双向数据绑定。此外,只要属性发生更改,就会触发一个名为property name changed的事件。有关详细信息,请参见属性更改通知事件(notify) 发件人: 通知属性支持向上的数据流。默认情况下,属性是非通知的,不支持向上的数据流 表示用户对此属性所做的任何更改都将通过dom树或“目标到主机”向上传播 e、 g 通过指定选中项反映到属性,查看演示 使用浏览器进行检查时,我们可以看到简单复选框的状态在单击简单复选框时更新为选中Polymer Can';不了解聚合物2.0自定义元素属性?,polymer,polymer-2.x,Polymer,Polymer 2.x,我无法理解此处属性的notify和reflect to attribute设置。谁能用一些简单适用的例子来解释一下 通知: 发件人: 通知类型:布尔型 如果为true,则该属性可用于双向数据绑定。此外,只要属性发生更改,就会触发一个名为property name changed的事件。有关详细信息,请参见属性更改通知事件(notify) 发件人: 通知属性支持向上的数据流。默认情况下,属性是非通知的,不支持向上的数据流 表示用户对此属性所做的任何更改都将通过dom树或“目标到主机”向上传播 e、
//L32
//...
//此.checked从L43继承
行为:[聚合物.IronCheckedElementBehavior],
//...
//L53
_onCheckTap:function(){
this.checked=this.$.checkbox.checked;
},
我也看了文档!如果可以的话,我想要一些简单适用的例子!它仍然是文档/标准聚合物库,但我添加了一些示例。希望能有帮助。我已经回答了你们提出的问题。这里是链接:可能重复的
class DemoElement extends Polymer.Element {
static get is() { return "demo-element" }
static get properties() {
return {
prop1 : {
type:String,
notify: true,
reflectToAttriubute: true,
}
}
}
}
<script>
class XTarget extends Polymer.Element {
static get is() {return 'x-target';}
static get properties() {
return {
someProp: {
type: String,
notify: true
}
}
}
}
customElements.define(XTarget.is, XTarget);
</script>
...
<dom-module id="x-host">
<template>
<!-- changes to "value" propagate downward to "someProp" on target -->
<!-- changes to "someProp" propagate upward to "value" on host -->
<x-target some-prop="{{value}}"></x-target>
</template>
<script>
class XHost extends Polymer.Element {
static get is() {return 'x-host';}
}
customElements.define(XHost.is, XHost);
</script>
checked: {
type: Boolean,
value: false,
reflectToAttribute: true,
notify: true,
observer: '_checkedChanged'
},
//L32
<input type="checkbox" id="checkbox" on-tap="_onCheckTap">
//...
//this.checked is inherited from L43
behaviors: [Polymer.IronCheckedElementBehavior],
//...
//L53
_onCheckTap: function() {
this.checked = this.$.checkbox.checked;
},