Polymer1.0-当父级中的布尔值更改时，如何更改子级中的布尔值

Question

我需要一个子元素来知道父元素中的值何时更改。 我试过使用花括号，方括号，美元符号以及所有这些组合，但没有任何效果。 当您单击父项中的按钮时，子元素不会获得更新的值。

我需要做什么

<dom-module id="parent-element">
  <template>
    <child-element childBoolean="[[parentBoolean]]"></child-element>
    <button on-tap="_toggle">toggle</button>
  </template>

  <script>
    Polymer({
      is: 'parent-element',
      properties:{
        parentBoolean:{
          type:Boolean
          value:false
        }
      },
      _toggle:function(){
        this.parentBoolean = !this.parentBoolean;
      }
    </script>
</dom-module> 



<dom-module id="child-element">
  <template>
    the value is [[childBoolean]]
  </template>

  <script>
    Polymer({
      is: 'child-element',
      properties:{
        childBoolean: Boolean
        }
      }
    </script>
</dom-module>

Answer 1

答案是camelCase。 如果有人遇到类似问题，我会发布此答案。

我使用驼峰式大小写来命名变量，如下所示：

parentBoolean childBoolean

但是只要Polymer看到camelCase变量，就会假定该变量包含破折号。 将变量名称更改为：

parentboolean childboolean

解决了这个问题。

Answer 2

嘿，所以可以在文档中找到。有一个部分描述了属性映射的工作方式。