Polymer verschachtelte Bindung für die Suche

Question

Unten ist mein Element zum Binden der Struktur in Office-> Team-> "Benutzer" Hierarchie. Ich muss Suchanfragen durchführen.

Zum Binden dieser Struktur, nahm ich Benutzer Array, führte einige Operationen aus, um in die erforderliche Hierarchie zu gelangen. Zur Suche schließe ich die Benutzer aus, die nicht im Benutzerarray sind, und baue den Baum wieder auf. In der Anfangseingabe geben Sie ein, dass die Suchoperation fein funktioniert. Wenn ich das nächste Zeichen drücke, schließt die Benutzerliste von der Struktur nicht aus. Aber generateTree hat die gültigen Daten, wenn das nächste Zeichen eingegeben wird.

Ich denke, dass das Polymer seine schmutzige Prüfung nicht durchführt, bis das Array leer ist. Da die Bindung in dem Benutzer-Array durchgeführt werden muss, das in Teams Array ist, ist das in Office-Array. Helfen Sie mir dieses Thema

<template id="template" is="dom-repeat" items="{{generateTree}}" as="offices" id="user-level1-items"> 

      <paper-submenu id="user-level1" SearchEnabled="{{search}}" class$="{{search}}"> 
       <paper-item class="menu-trigger menu-level-1"> 
        <iron-icon class$="{{offices.icon}}" icon="{{offices.icon}}"></iron-icon> 
        <span>{{offices.name}}</span></paper-item> 
       <paper-menu class="menu-content"> 
        <template is="dom-repeat" items="{{offices.Teams}}" as="Teams" id="user-level2-items"> 

         <paper-submenu id="user-level2" opened="{{Teams.open}}"> 
          <paper-item class="menu-trigger menu-level-2"> 
           <iron-icon class$="{{Teams.icon}}" icon="{{Teams.icon}}"></iron-icon> 
           <span>{{Teams.name}}</span> 
          </paper-item> 
          <paper-menu class="menu-content" id="user-level3"> 
           <template is="dom-repeat" items="{{Teams.Users}}" as="Users"> 

            <paper-item " value$="{{Users._id}}" 
            class="menu-level-3"> 
             <abc>{{Users.fullname}}</abc> 
            </paper-item> 

           </template> 
          </paper-menu> 
         </paper-submenu> 

        </template> 
       </paper-menu> 
      </paper-submenu> 

     </template> 


Polymer({ 
    is: 'sa-org-tree-dynamic', 


    properties: { 
     level: { 
     type: Number, 
     value: 0 
     } 
    }, 

    inputData:function(){ 


     this.notifyPath('this.generateTree.teams.0.Users.*'); 



    } 


    ready: function() { 


    } 

    }); 

this.generatetree i von Elternelement erhalten zu lösen.

Answer 1

JSON.parse(JSON.stringify(generateTree)) .. funktioniert, weil das Array Push und Spleiß nicht als pro Polymerstandards