Question

我有一个搜索框，项目列表，当我点击每个项目时，它会带我到项目信息tempate。现在，在我的下面的代码中，searchbox位于items.html内，它只显示在那里，这意味着当我在查看信息的intem.html模板时它不会出现。您是否可以帮助我在ng-view之外的所有页面中查看我的搜索框？但是，当我查看项目信息但出现搜索框时，项目列表将不会显示。但是当我搜索时，ng-view会在此ng-view而不是商品信息中显示搜索结果？

这是当前的代码：

items.config(function($routeProvider, $locationProvider) {
  $routeProvider
    .when('/items', {
      templateUrl: 'items.html',
      controller: 'ItemsController',
       //some API code happens here to get the search results list 
      }
    })
    .when('/items/:id', {
      templateUrl: 'item.html',
      controller: 'ItemController',
          //some API code happens here to get the info 
       
        }
      }
    })
    .otherwise({
      redirectTo: '/items'
    });

 <div class="container">

  <hr>

    <div ng-view></div>
  </div>


<!--items.html-->

  <input class="form-control" type="text" placeholder="Search ..." ng-model="search" >
<table>
  <tr ng-repeat="item in items | filter:search">
      <td><a ng-href="#/items/{{item.id}}" ></a>
      <td> {{ item.title }}</td>
  </tr>
</table>


<!-- item.html>

所有页面中的angularjs静态搜索框

0 个答案: