如何從Angular.js中的不同視圖中搜索項目

Question

在我家：

.state('home',{
        url: '',
        views: {
           '': {
            templateUrl: 'views/main.html',
            controller:'MainCtrl'
           }
    ...

我瀏覽了一些書，並有一個簡單的搜索字段來過濾項目：

<input type="text" ng-model="search">
<article class="items" ng-repeat="book in allBooks  | filter: search" >

這可行，但是我想將輸入的文件添加到側邊欄中，並將該側邊放在單獨的視圖中-這樣我就不必在每個視圖中都重復它。 所以在我的index.html我有以下代碼

 <div ng-include ng-controller="MainCtrl" src="'views/sidebar.html'" class="sidebar"></div>
 <div class="container" ui-view></div>

假設這是一個好習慣，有沒有辦法在側邊欄內添加搜索輸入字段，並且仍然在原始狀態下影響循環？

謝謝

Answer 1

您可以將主狀態設為邊欄的嵌套視圖。 然后，在側邊欄視圖中綁定到過濾器的ng-model將可用於原始狀態。 當主狀態在自己的范圍內找不到搜索屬性時，其主狀態將委派給上述側邊欄范圍。

這是我快速又骯臟的示例： http : //plnkr.co/gmUaDLSfJxOL42EPZ9ak