Fatal编程技术网
  • polymer/
  • Polymer 聚合物1.x:<；纸拨动式波顿>；值不为'；t关闭

Polymer 聚合物1.x:<；纸拨动式波顿>；值不为'；t关闭

polymer

Polymer 聚合物1.x:<；纸拨动式波顿>；值不为'；t关闭,polymer,polymer-1.0,paper-elements,Polymer,Polymer 1.0,Paper Elements,我无法使用.serialize（）将元素的值切换到“off”值。尽管视觉渲染显示为切换到“关闭”位置 我做错了什么 单击演示中的切换按钮查看其值 每个按钮都以其值设置为“off”开始 首先单击每个按钮将值设置为“开” 值在切换为“开”后，任何时候都不会切换回“关” 每个切换按钮的视觉渲染似乎都能按预期工作 http://jsbin.com/ruzuwaqiyi/edit?html，输出 <!DOCTYPE html> <html> <head> &l

我无法使用
.serialize（）
将
元素的值切换到“off”值。尽管视觉渲染显示为切换到“关闭”位置

我做错了什么

  • 单击演示中的切换按钮查看其值
  • 每个按钮都以其值设置为“off”开始
  • 首先单击每个按钮将值设置为“开”
  • 值在切换为“开”后，任何时候都不会切换回“关”
  • 每个切换按钮的视觉渲染似乎都能按预期工作
    • http://jsbin.com/ruzuwaqiyi/edit?html，输出 
    <!DOCTYPE html>
<html>  
<head>
  <meta charset="utf-8">
  <title>Polymer Bin</title>
  <base href="http://element-party.xyz/">
  <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
  <link rel="import" href="all-elements.html">
</head>
<body class="fullbleed layout vertical">
<x-element></x-element>
<dom-module id="x-element">
  <template>
    <style>
      paper-toggle-button {
        display: block;
        margin-bottom: 40px;
      }
    </style>
    <form is="iron-form" id="form">
      <p>Click each button to view the values.</p>
      <paper-toggle-button name="foo" on-change="handle">foo</paper-toggle-button>
      <paper-toggle-button name="bar" on-change="handle">bar</paper-toggle-button>
      <paper-toggle-button name="baz" on-change="handle">baz</paper-toggle-button>
      <paper-toggle-button name="bat" on-change="handle">bat</paper-toggle-button>
      <p>See how the values never toggle back to "off?"
    </form>
  </template>
  <script>
    (function(){
      Polymer({
        is: 'x-element',
        handle: function() {
          alert(JSON.stringify(this.$.form.serialize()));
        }
      });
    })();
  </script>
</dom-module>
</body>
</html>

    <!DOCTYPE html>
<html>  
<head>
  <meta charset="utf-8">
  <title>Polymer Bin</title>
  <base href="http://element-party.xyz/">
  <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
  <link rel="import" href="all-elements.html">
</head>
<body class="fullbleed layout vertical">
<x-element></x-element>
<dom-module id="x-element">
  <template>
    <style>
      paper-checkbox {
        display: block;
        margin-bottom: 40px;
      }
    </style>
    <form is="iron-form" id="form">
      <p>Click each button to view the values.</p>
      <paper-checkbox name="foo" on-change="handle">foo</paper-checkbox>
      <paper-checkbox name="bar" on-change="handle">bar</paper-checkbox>
      <paper-checkbox name="baz" on-change="handle">baz</paper-checkbox>
      <paper-checkbox name="qux" on-change="handle">qux</paper-checkbox>
      <p>See how the values toggle back to "off" now?</p>
    </form>
  </template>
  <script>
    (function(){
      Polymer({
        is: 'x-element',
        handle: function() {
          alert(JSON.stringify(this.$.form.serialize()));
        }
      });
    })();
  </script>
</dom-module>
</body>
</html>

    
聚合物仓
纸张切换按钮{
显示：块；
边缘底部：40px；
}
单击每个按钮以查看值
    
福
酒吧
巴兹
蝙蝠
查看这些值如何从不切换回“关闭”
（功能（）{
聚合物({
是‘x元素’，
句柄：函数（）{
警报（JSON.stringify（this.$.form.serialize（））；
}
});
})();
    我想我只使用
    元素

    http://jsbin.com/dewixacagu/edit?html，输出 
    <!DOCTYPE html>
<html>  
<head>
  <meta charset="utf-8">
  <title>Polymer Bin</title>
  <base href="http://element-party.xyz/">
  <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
  <link rel="import" href="all-elements.html">
</head>
<body class="fullbleed layout vertical">
<x-element></x-element>
<dom-module id="x-element">
  <template>
    <style>
      paper-toggle-button {
        display: block;
        margin-bottom: 40px;
      }
    </style>
    <form is="iron-form" id="form">
      <p>Click each button to view the values.</p>
      <paper-toggle-button name="foo" on-change="handle">foo</paper-toggle-button>
      <paper-toggle-button name="bar" on-change="handle">bar</paper-toggle-button>
      <paper-toggle-button name="baz" on-change="handle">baz</paper-toggle-button>
      <paper-toggle-button name="bat" on-change="handle">bat</paper-toggle-button>
      <p>See how the values never toggle back to "off?"
    </form>
  </template>
  <script>
    (function(){
      Polymer({
        is: 'x-element',
        handle: function() {
          alert(JSON.stringify(this.$.form.serialize()));
        }
      });
    })();
  </script>
</dom-module>
</body>
</html>

    <!DOCTYPE html>
<html>  
<head>
  <meta charset="utf-8">
  <title>Polymer Bin</title>
  <base href="http://element-party.xyz/">
  <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
  <link rel="import" href="all-elements.html">
</head>
<body class="fullbleed layout vertical">
<x-element></x-element>
<dom-module id="x-element">
  <template>
    <style>
      paper-checkbox {
        display: block;
        margin-bottom: 40px;
      }
    </style>
    <form is="iron-form" id="form">
      <p>Click each button to view the values.</p>
      <paper-checkbox name="foo" on-change="handle">foo</paper-checkbox>
      <paper-checkbox name="bar" on-change="handle">bar</paper-checkbox>
      <paper-checkbox name="baz" on-change="handle">baz</paper-checkbox>
      <paper-checkbox name="qux" on-change="handle">qux</paper-checkbox>
      <p>See how the values toggle back to "off" now?</p>
    </form>
  </template>
  <script>
    (function(){
      Polymer({
        is: 'x-element',
        handle: function() {
          alert(JSON.stringify(this.$.form.serialize()));
        }
      });
    })();
  </script>
</dom-module>
</body>
</html>

    
聚合物仓
纸质复选框{
显示：块；
边缘底部：40px；
}
单击每个按钮以查看值
    
福
酒吧
巴兹
库克斯
现在查看值如何切换回“关闭”状态
    
（功能（）{
聚合物({
是‘x元素’，
句柄：函数（）{
警报（JSON.stringify（this.$.form.serialize（））；
}
});
})();
    我想我只使用
    元素

    http://jsbin.com/dewixacagu/edit?html，输出 
    <!DOCTYPE html>
<html>  
<head>
  <meta charset="utf-8">
  <title>Polymer Bin</title>
  <base href="http://element-party.xyz/">
  <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
  <link rel="import" href="all-elements.html">
</head>
<body class="fullbleed layout vertical">
<x-element></x-element>
<dom-module id="x-element">
  <template>
    <style>
      paper-toggle-button {
        display: block;
        margin-bottom: 40px;
      }
    </style>
    <form is="iron-form" id="form">
      <p>Click each button to view the values.</p>
      <paper-toggle-button name="foo" on-change="handle">foo</paper-toggle-button>
      <paper-toggle-button name="bar" on-change="handle">bar</paper-toggle-button>
      <paper-toggle-button name="baz" on-change="handle">baz</paper-toggle-button>
      <paper-toggle-button name="bat" on-change="handle">bat</paper-toggle-button>
      <p>See how the values never toggle back to "off?"
    </form>
  </template>
  <script>
    (function(){
      Polymer({
        is: 'x-element',
        handle: function() {
          alert(JSON.stringify(this.$.form.serialize()));
        }
      });
    })();
  </script>
</dom-module>
</body>
</html>

    <!DOCTYPE html>
<html>  
<head>
  <meta charset="utf-8">
  <title>Polymer Bin</title>
  <base href="http://element-party.xyz/">
  <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
  <link rel="import" href="all-elements.html">
</head>
<body class="fullbleed layout vertical">
<x-element></x-element>
<dom-module id="x-element">
  <template>
    <style>
      paper-checkbox {
        display: block;
        margin-bottom: 40px;
      }
    </style>
    <form is="iron-form" id="form">
      <p>Click each button to view the values.</p>
      <paper-checkbox name="foo" on-change="handle">foo</paper-checkbox>
      <paper-checkbox name="bar" on-change="handle">bar</paper-checkbox>
      <paper-checkbox name="baz" on-change="handle">baz</paper-checkbox>
      <paper-checkbox name="qux" on-change="handle">qux</paper-checkbox>
      <p>See how the values toggle back to "off" now?</p>
    </form>
  </template>
  <script>
    (function(){
      Polymer({
        is: 'x-element',
        handle: function() {
          alert(JSON.stringify(this.$.form.serialize()));
        }
      });
    })();
  </script>
</dom-module>
</body>
</html>

    
聚合物仓
纸质复选框{
显示：块；
边缘底部：40px；
}
单击每个按钮以查看值
    
福
酒吧
巴兹
库克斯
现在查看值如何切换回“关闭”状态
    
（功能（）{
聚合物({
是‘x元素’，
句柄：函数（）{
警报（JSON.stringify（this.$.form.serialize（））；
}
});
})();
    我相信这可能是
    iron表单中的一个bug，它是
    serialize（）
    方法。选中的每个切换按钮的
    值是正确的，但序列化后似乎忘记了设置值。我建议您立即发布一个GitHub问题。我相信这可能是
    iron表单中的一个bug，它是
    serialize（）
    方法。选中的每个切换按钮的
    值是正确的，但序列化后似乎忘记了设置值。我建议您解决一个GitHub问题：现在和。用于到Firebase的双向数据绑定。用于到Firebase的双向数据绑定。