javascript - 如何修改polymer 1.0中html中的 bool 属性值？

Question

如果我将 bool 属性分配给组件，如何在 html 中修改 bool 值，而不在 javascript 中创建任何函数？

例如，假设我有以下组件:

Polymer({
  is: 'find-retailer-map',
  properties: {
    fixedPosition: {
      type: Boolean,
      notify: true,
    },
  },
});

<dom-module id="osb-retailer-page">
  <template>
    <find-retailer-map fixed-position></find-retailer-map>
  </template>
</dom-module>

如何在 html 中使 fixed-position true 或 false？

谢谢

Answer 1

bool 属性与 HTML 中的普通 bool 属性一样工作，示例:

<input type="checkbox" checked />
<input type="text" disabled />

要切换开/关，您需要删除或添加属性，然后

• 开启:<find-retailer-map fixed-position></find-retailer-map>
• 关闭:<find-retailer-map></find-retailer-map>

以编程方式打开/关闭:

• 开启:<find-retailer-map fixed-position$="{{_your_toggle(true)}}"></find-retailer-map>
• 关闭:<find-retailer-map fixed-position$="{{_your_toggle(false)}}"></find-retailer-map>

希望有帮助