Angularjs 角度JS使用；多重过滤器“；

我在SharePoint 2013应用程序中使用AngularJS，但我认为SharePoint不会影响响应（尽管我可能错了）

我有一个大约350个请求的自定义列表，每个请求都有一个来自以下列表的请求类型（开发、设计、EmailCampaign、AdWords）和一个标题（任何其他信息都是无关紧要的）

在应用程序的登录页上，我展示了4个表（每个RequestType对应一个表），以便负责人更容易看到他们的队列。我还在每个表中添加文本输入，以按标题过滤结果，这样用户可以快速找到任务

我可以让任何一个过滤器独立工作，但我不知道如何将它们一起实现。这能做到吗？如果是，怎么做

样本数据：

{ title: Easter Sale Campaign, RequestType: EmailCampaign},
{ title: Easter Sale Microsite Prototype, RequestType: Design},
{ title: Easter Sale Microsite Sprites, RequestType: Design},
{ title: Easter Sale AdWords Analytics, RequestType: AdWords},
{ title: Easter Sale Microsite Build, RequestType: Development},
{ title: Easter Sale Microsite Test, RequestType: Development},
{ title: Easter Sale PromoteToProduction, RequestType: Development},
{ title: Spring Sale Campaign, RequestType: EmailCampaign},
{ title: Spring Sale Microsite Prototype, RequestType: Design},
{ title: Spring Sale Microsite Sprites, RequestType: Design},
{ title: Spring Sale AdWords Analytics, RequestType: AdWords},
{ title: Spring Sale Microsite Build, RequestType: Development},
{ title: Spring Sale Microsite Test, RequestType: Development},
{ title: Spring Sale PromoteToProduction, RequestType: Development}

HTML

设计要求
过滤器：
优先
身份证件
标题
任务类型
{{req.Task_Id}
{{req.requestType'}}
未找到任何请求

您在“设计”周围使用双引号来打破过滤链

您应该这样使用它：

或

---

修复了填充盒子的初始过滤器…谢谢！现在，我如何连接类型筛选器，以允许用户在已筛选的结果中搜索，以找到他们正在搜索的请求？@jgravois您是指搜索词“taskFilter”上的筛选器吗？是，我希望通过输入中输入的内容再次过滤每个表的内容。您可以将搜索过滤器作为第三个过滤器，如“filter:taskFilter”`再次感谢。。。我不知道你可以有两个过滤对象

<div id="landing_header_bar" data-tbl="tblDesign" class="clr-blue">
    <img alt="Close This" class="btnToggleLanding" src="../Images/close_btn.png" ng-click="taskClose = true" ng-hide="taskClose" />
    <img alt="Open This" class="btnToggleLanding" src="../Images/open_btn.png" ng-click="taskClose = false" ng-show="taskClose" />
    <h3 class="divider_title inlined">Design Requests</h3>
    <span class="filterQueue">
        Filter:&nbsp;<input type="text" ng-model="taskFilter" />
    </span>
</div>
<table class="tblLanding">
    <tr class="landing_header_row">
        <th ng-click="doTasksSort('Priority')">Priority</th>
        <th ng-click="doTasksSort('Task_Id')">ID</th>
        <th ng-click="doTasksSort('Description')">Title</th>
        <th ng-click="doTasksSort('RequestType')">Task Type</th>
    </tr>
    <tbody>
        <tr class="landing_data_row" ng-repeat="req in requests | filter:request.requestType="Design" | orderBy:sortTasksBy:!reverse">
            <td style="text-align:center;">
                <img ng-src="../Images/{{req.Priority}}.jpg" />
            </td>
            <td style="text-align:center;">{{req.Task_Id}}</td>
            <td><a href="#">{{req.title}}</a></td>
            <td>{{req.requestType'}}</td>
        </tr>
        <tr ng-show="requests.length == 0"><td colspan="8" align="center"><strong>No Requests Found!</strong></td></tr>
    </tbody>
</table>