В пользовательском интерфейсе полимера3.x есть проблема со скрытыми функциями

//..........First page........

// On-tap() while clicking the button this method will execute.Passing the dependent type ,cshoweditview and pshoweditview values to the next page through the reference object.
onAdd() {

  if (this.selection == "Partner") {

    var reference = {
      'type': this.selection,
      'cshowEditView': false,
      'pshowEditView': true

    };
    console.info(reference);

    this.reference = reference;
    console.info("78" + this.reference);
    this.set('view', 'edit-view');
  } else if (this.selection == "Children") {

    var reference = {
      'type': this.selection,
      'cshowEditView': true,
      'pshowEditView': false,

    };
    console.info(reference);

    this.reference = reference;
    console.info("89" + this.reference);
    this.set('view', 'edit-view');

  }

}

<!-- ............First page................... -->
<paper-dropdown-menu label = "DEPENDENT TYPE" id = "crsp-security" class = "menu" error-message = "Security Clerance is required!">
  <paper-listbox slot = "dropdown-content" id = "atype" selected = "{{selection}}" class = "dropdown-content menu" required fallback-selection = "0" attr-for-selected = "value">
    <paper-item value = "Partner">Partner</paper-item>
    <paper-item value = "Children">Children</paper-item>
    <paper-item value = "Nominee">Nominee</paper-item>
  </paper-listbox>
</paper-dropdown-menu>

<paper-button id = "add-icon" on-tap = "onAdd" raised class = "blue">
  <span>Add Dependent</span>
</paper-button>
<dependent-info id = "detailView" name = "edit-view" view = "{{view}}" state = "[[reference]]" list = "{{references}}"></dependent-info>



<!-- ......Second page............ // I am trying to bind the values to this hidden property. -->
<paper-dropdown-menu label = "CHILD" id = "cshowEditView" name = "cshowEditView" class = "menu" value = "{{state.cshowEditView}}" hidden$=[[!state.cshowEditView]] error-message = "Company Type is required!">
  <paper-listbox slot = "dropdown-content" id = "title" class = "dropdown-content menu" required attr-for-selected = "value">

    <paper-item value = "Mr">Mr</paper-item>
    <paper-item value = "Mrs">Mrs</paper-item>
    <paper-item value = "Miss">Miss</paper-item>

  </paper-listbox>
</paper-dropdown-menu>

<paper-dropdown-menu label = "PARTNER" id = "pshowEditView" name = "pshowEditView" hidden$=[[!state.pshowEditView]] class = "menu" error-message = "Company Type is required!">
  <paper-listbox slot = "dropdown-content" id = "title" class = "dropdown-content menu" required fallback-selection = "1" attr-for-selected = "value">
    <paper-item value = "Mr">Mr</paper-item>
    <paper-item value = "Mrs">Mrs</paper-item>
  </paper-listbox>
</paper-dropdown-menu>