Javascript AngularJS搜索筛选器--第一个筛选器：全部，第二个筛选器：特定列

我正在做的是：使用两个相同型号的过滤器。第一个过滤器必须对整个模型进行过滤，另一个过滤器必须只过滤一个特定的列，该列是StatusID，我在其中通过下拉列表进行过滤。 这是密码

  <div class="col-xs-4">
                    <div class="col-xs-10">

                        <h4><b>Search :</b></h4>
                        <div class="input-group">
                            <span class="input-group-addon">
                                <span class="glyphicon glyphicon-search"></span>
                            </span>
                            <input type="text" name="search" data-ng-model="filter" class="form-control" placeholder="Search here (e.g. 151234 or Pille)"  />
                        </div>

                    </div>

                      <div class="col-xs-10">

                        <h4><b>Search by Status :</b></h4>
                        <div class="input-group">

                        <select data-ng-model="filter.StatusID" class="form-control">
                            <option value="" selected>-- Select Status --</option>
                            <option value="1"> New </option>
                            <option value="2"> Processing </option>
                            <option value="3"> PR Approved </option>
                            <option value="4">Qouting</option>
                            <option value="5">Qouting Approved</option>
                            <option value="6">PO Processing</option>
                            <option value="7">Closed</option>
                            <option value="8">Cancelled</option>
                            <option value="9">Rejected</option>
                            <option value="10">PO Issued</option>
                            <option value="11">On Delivery</option>
                            <option value="12">Received</option>
                            <option value="13">AP Posting</option>
                            <option value="14">Payment</option>
                            <option value="15">Sourcing</option>
                            <option value="16">Re-Processing</option>
                        </select>

                    </div>
                        </div>



                </div>
            </div>

搜索：
按状态搜索：
--选择状态--
新的
处理
公共关系批准
库廷
Qouting批准
采购订单处理
关闭
取消
拒绝
发出的采购订单
交货时
收到
应付账款过账
付款
采购
再加工

实际上，如果只使用其中一个过滤器，则此代码可以正常工作。我想让它一起工作。 当我使用时，文本框上会出现[对象][对象]下拉列表

当我在第一个搜索框中搜索时，我仍然可以使用下拉菜单过滤过滤结果

---

有人明白我想说什么吗？

在这里，你需要使用两个过滤器，一个用于所有人，另一个用于按列过滤

 <div class="col-xs-4">
                <div class="col-xs-10">

                    <h4><b>Search :</b></h4>
                    <div class="input-group">
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-search"></span>
                        </span>
                        <input type="text" name="search" data-ng-model="filterAllColumns" class="form-control" placeholder="Search here (e.g. 151234 or Pille)"  />
                    </div>

                </div>

                  <div class="col-xs-10">

                    <h4><b>Search by Status :</b></h4>
                    <div class="input-group">

                    <select data-ng-model="filterOptions.StatusID" class="form-control">
                        <option value="" selected>-- Select Status --</option>
                        <option value="1"> New </option>
                        <option value="2"> Processing </option>
                        <option value="3"> PR Approved </option>
                        <option value="4">Qouting</option>
                        <option value="5">Qouting Approved</option>
                        <option value="6">PO Processing</option>
                        <option value="7">Closed</option>
                        <option value="8">Cancelled</option>
                        <option value="9">Rejected</option>
                        <option value="10">PO Issued</option>
                        <option value="11">On Delivery</option>
                        <option value="12">Received</option>
                        <option value="13">AP Posting</option>
                        <option value="14">Payment</option>
                        <option value="15">Sourcing</option>
                        <option value="16">Re-Processing</option>
                    </select>

                </div>
                    </div>



            </div>
        </div>

搜索：
按状态搜索：
--选择状态--
新的
处理
公共关系批准
库廷
Qouting批准
采购订单处理
关闭
取消
拒绝
发出的采购订单
交货时
收到
应付账款过账
付款
采购
再加工

并按如下方式过滤阵列：

---

当您单击下拉菜单时，在文本框中您会看到[object object]，在文本框中ng模型应该是字符串类型，但当您单击下拉菜单时，您的ng模型是filter.StatusID，它是您指定为下拉菜单模型的javascript对象，因此，当您单击下拉列表angularjs时，将创建一个filter对象，并为filter.StatusID赋值。因此，我们应该注意什么是对象和字符串等等。

你能附上UI屏幕快照看看这个屏幕快照吗@JagadishDharanikota（）您能为这个视图包含特定的角度代码吗@Aniahi我正在使用angularjs的内置过滤器。谢谢。我添加了

，效果很好。。谢谢你的主意。