Javascript 如何根据angularjs中的名称和标题过滤数据？

我试图根据名称和标题过滤数据，但它不起作用。我尝试了所有的场景，但都不起作用。请帮我找出解决办法。我正在获取列表中的所有数据，但无法根据名称和标题筛选数据。这是我的json数据，请帮助我解决此问题，谢谢

{
    "0": {
        "data": {
            "_id": 0,
            "prefix": "Male",
            "firstname": "prem",
            "lastname": "Karn1",
            "phone": "23424242424",
            "email": "karnprem@cronj.com",
            "__v": 0,
            "zones": [
                "0"
            ]
        },
        "title": "Logistic Agent"
    }
}

<div class="panel-body">

                    <div class="row">
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
                            <div class="form-group">
                                <label class="col-lg-4 col-md-4 col-sm-4 col-xs-4 control-label">by Name</label>
                                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
                                    <input type="text" value="" class="form-control" ng-model="searchText.data.firstname">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
                            <div class="form-group">
                                <label class="col-lg-4 col-md-4 col-sm-4 col-xs-4 control-label">by Zone</label>
                                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
                                    <input type="text" value="" class="form-control" >
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
                            <div class="form-group">
                                <label class="col-lg-4 col-md-4 col-sm-4 col-xs-4 control-label">by Title</label>
                                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
                                    <select class="form-control" name="title">
                                        <option value="">All</option>
                                        <option value="">Zone Manager</option>
                                        <option value="">Logistic agent</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
                            <div class="form-group">
                                <label class="col-lg-7 col-md-7 col-sm-7 col-xs-7 control-label">by Business Value</label>
                                <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
                                    <input type="text" value="" class="form-control">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-body form-group-separated">
                    <div class="table-responsive" >
                        <table class="table table-bordered" id="searchObjResults" >
                            <thead>
                                <tr>
                                    <th></th>
                                    <th>First Name</th>
                                    <th>Last Name</th>
                                    <th>Title</th>
                                    <th>Telephone</th>        
                                    <th>Email Address</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr  ng-repeat="accDetails in acct_list  | filter:searchText">
                                    <td>
                                      <img src="/assets/img/a0.jpg" alt="User pic" height="30" width="30">
                                    </td>

                                    <td>{{accDetails.data.firstname}}</td>
                                    <td>{{accDetails.data.lastname}}</td>
                                    <td>{{accDetails.title}}</td>
                                    <td>{{accDetails.data.phone}}</td>
                                    <td>{{accDetails.data.email}}</td
                                </tr>
                              </tbody>
                        </table> 
                    </div>
                </div>

{
"0": {
“数据”：{
“_id”：0，
“前缀”：“男性”，
“firstname”：“prem”，
“姓氏”：“Karn1”，
“电话”：“2342424”，
“电子邮件”：karnprem@cronj.com",
“_v”：0，
“区域”：[
"0"
]
},
“标题”：“物流代理”
}
}
按姓名
分区
按标题
全部的
区域经理
物流代理人
按业务价值
名字
姓
标题
电话
电子邮件地址
{{accDetails.data.firstname}
{{accDetails.data.lastname}
{{accDetails.title}
{{accDetails.data.phone}
{{accDetails.data.email}}

//不要只绑定搜索文本，而是
//这只对firstname有效

对于多个条件，请使用更多管道过滤器……
您能为相同的条件创建一个plunkr/小提琴吗？您犯了错误。告诉我错误是什么？Hi V31我共享了plnkr请查看问题在哪里？可能是Oh的重复严重！？现在请为我提供JSFIDLE，以便我可以用更少的代码进一步帮助您。您好，micronys，我为您提供这个问题的plnkr，请查看问题出在哪里？
<input type="text" value="" class="form-control" ng-model="searchText.data.firstname">


<tr  ng-repeat="accDetails in acct_list  | filter:searchText"> </tr>   //don't bind searchText only rather

<tr  ng-repeat="accDetails in acct_list  | filter:searchText.data.firstname"></tr> //This will work only for firstname