javascript - angularjsの名前とタイトルに従ってデータをフィルタリングする方法は?

原文 javascript angularjs angularjs-ng-repeat angular-filters

名前とタイトルに従ってデータをフィルタリングしようとしていますが、機能しません。私はすべてのシナリオを試しましたが、機能しません。解決策を見つけるのを手伝ってください。リスト内のすべてのデータを取得していますが、名前とタイトルに従ってデータをフィルタリングできません。これは私のjsonデータです。この問題の解決にご協力ください。よろしくお願いします。

{
    "0": {
        "data": {
            "_id": 0,
            "prefix": "Male",
            "firstname": "prem",
            "lastname": "Karn1",
            "phone": "23424242424",
            "email": "[email protected]",
            "__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>


これが私のPlnkrですhttp://plnkr.co/edit/BGOPyQ7c3v5qNASk5Kg7?p=preview
答え
<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


複数の基準の場合は、より多くのパイプフィルターを使用します。
関連記事

javascript - console.logを呼び出すときにChromeスタックトレースをだましてリダイレクトする方法はありますか?

java - Android-Webview HTMLコード抽出が機能しない(Javascript)

javascript - 他のフレームセットからフレームを隠す

javascript - Snap.svgとjavascriptがキャッチされないSyntaxErrorをスローする

javascript - 入力日付カレンダーを拡張します(ブラウザーネイティブ)

javascript - AngularJSの確認モーダル

javascript - jQueryカーソルを水平方向にDIVで追跡します

javascript - error:areq不正な引数引数 'PanelController'は関数ではなく、未定義です

javascript - iPadなどのモバイルデバイスでホバーを処理するにはどうすればよいですか?

javascript - Browserify:jQueryの2つのインスタンスを回避する方法?