在自定义指令angularjs中传递过滤列表

Question

我有一个名为eventPlans的对象列表，可以在带有一些过滤器的div中显示。现在，我想在搜索指令中的另一个指令中传递名为pendingEventPlans的过滤列表。

<div> 
    <search-box list-to-count="pendingEventPlans" search-text="searchText" display-text="'Total event plans'"></search-box>
       <div class="has-search-with-count">
          <div class="list card" ng-repeat="item in pendingEventPlans = (eventPlans | orderBy : 'from_date'| filter:pendingFilter | filter:searchText )">
               <div>{{item.name}}</div>
           </div>
       </div>
</div>

然后在search-box指令中，列表变得未定义。

实际问题出在我的ionic v1应用程序代码中。我构建了一个fiddle来尝试模拟这个问题。

Answer 1

此时pendingEventPlans是未定义的，您应该这样做：

<div> 
<search-box list-to-count="(eventPlans | filter:pendingFilter | filter:searchText )" search-text="searchText" display-text="'Total event plans'"></search-box>
   <div class="has-search-with-count">
      <div class="list card" ng-repeat="item in pendingEventPlans = (eventPlans | orderBy : 'from_date'| filter:pendingFilter | filter:searchText )">
           <div>{{item.name}}</div>
       </div>
   </div>

​