Polymer1.0 - Как изменить Boolean в Child при изменении Boolean в Parent

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

Эй, так что это можно найти в документации Есть часть, где описывается, как работает отображение атрибутов.