MD History: Use one-way binding for history query state.

chrome/browser/resources/md_history/app.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/cr/ui.html">
 <link rel="import" href="chrome://resources/html/cr/ui/command.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-media-query/iron-media-query.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-pages/iron-pages.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-scroll-target-behavior/iron-scroll-target-behavior.html">
 <link rel="import" href="chrome://history/history_toolbar.html">
 <link rel="import" href="chrome://history/list_container.html">
 <link rel="import" href="chrome://history/query_manager.html">
 <link rel="import" href="chrome://history/router.html">
@@ skipping 57 matching lines @@
       }
 
       :host([toolbar-shadow_]) #drop-shadow {
         opacity: 1;
       }
     </style>
     <history-query-manager query-state="{{queryState_}}"
         query-result="[[queryResult_]]">
     </history-query-manager>
     <history-router selected-page="{{selectedPage_}}"
-        query-state="{{queryState_}}">
+        query-state="[[queryState_]]">
     </history-router>
     <history-toolbar id="toolbar"
-        grouped-offset="{{queryState_.groupedOffset}}"
-        grouped-range="{{queryState_.range}}"
+        grouped-offset="[[queryState_.groupedOffset]]"
+        grouped-range="[[queryState_.range]]"
         has-drawer="[[hasDrawer_]]"
         has-more-results="[[!queryResult_.info.finished]]"
-        is-grouped-mode="{{grouped_}}"
+        is-grouped-mode="[[grouped_]]"
         query-info="[[queryResult_.info]]"
         querying="[[queryState_.querying]]"
-        search-term="{{queryState_.searchTerm}}"
+        search-term="[[queryState_.searchTerm]]"
         show-menu-promo="[[showMenuPromo_]]"
         show-sync-notice="[[showSyncNotice_(hasSyncedResults, selectedPage_)]]"
         spinner-active="[[shouldShowSpinner_(queryState_.querying,
                                              queryState_.incremental,
                                              queryState_.searchTerm)]]">
     </history-toolbar>
 
     <div id="main-container">
       <history-side-bar id="content-side-bar" selected-page="{{selectedPage_}}"
           show-footer="[[showSidebarFooter]]"
           hidden$="[[hasDrawer_]]">
       </history-side-bar>
       <iron-pages id="content" attr-for-selected="path"
           fallback-selection="history"
           selected="[[getSelectedPage_(selectedPage_, items)]]"
           items="{{items}}">
-        <history-list-container id="history" query-state="{{queryState_}}"
+        <history-list-container id="history" query-state="[[queryState_]]"
             query-result="[[queryResult_]]" grouped="[[grouped_]]"
-            grouped-range="{{queryState_.range}}" path="history">
+            path="history">
         </history-list-container>
         <template is="dom-if" if="[[syncedTabsSelected_(selectedPage_)]]">
           <history-synced-device-manager id="synced-devices"
               session-list="[[queryResult_.sessionList]]"
               search-term="[[queryState_.searchTerm]]"
               sign-in-state="[[isUserSignedIn_]]"
               path="syncedTabs">
           </history-synced-device-manager>
         </template>
       </iron-pages>
       <div id="drop-shadow"></div>
     </div>
 
     <template is="cr-lazy-render" id="drawer">
       <dialog is="cr-drawer" swipe-open>
         <div class="drawer-header">$i18n{title}</div>
         <history-side-bar id="drawer-side-bar" class="drawer-content"
             selected-page="{{selectedPage_}}"
             show-footer="[[showSidebarFooter]]">
         </history-side-bar>
       </dialog>
     </template>
 
     <iron-media-query query="(max-width: 1023px)"
         query-matches="{{hasDrawer_}}">
     </iron-media-query>
   </template>
   <script src="chrome://history/app.js"></script>
 </dom-module>