Click here to Skip to main content
15,311,280 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
I've been using angularjs and typescript and i'm unable to filter table records depending on the search word. it works for only one column.

What I have tried:

this is my view where you can input the search word

<input class="form-control" type="text" id="search" placeholder="" ng-model="Text" aria-controls="able_col_reorder">



 <table class="table table-bordered" ng-show="!faqList.IsNull" @*id="datatable_col_reorder"*@>

this is the table where i want to filter records from both answer and question
                         <thead>
                                            <tr>
                                                <th style="width: 10%"></th>
                                                <th style="width: 40%">Question</th>
                                                <th style="width:10%">Created By</th>
                                                <th style="width: 10%">Posted Date</th>

                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr class="ng-cloak" ng-repeat-start="item in faqList | filter: {Question:Text} "  ng-hide="(item.IsActive == false) && Checked" ng-cloak>
                                                <td>
                                                    <a class="panel-heading" role="tab"
                                                       id="headingOne" data-toggle="collapse"
                                                       data-parent="#accordion" ng-href="#{{item.Id}}"
                                                       aria-expanded="true" aria-controls="test_div">
                                                        Answer
                                                    </a>
                                                </td>
                                                <td><a href="@Url.Action("index", "Create")?Id={{item.Id}}">{{item.Question}}</a></td>
                                                <td>{{item.CreatedBy}}</td>
                                                <td>{{item.PostedDate | date :'MMM dd, yy'}}</td>

                                            </tr>
                                            <tr ng-repeat-end>
                                                <td colspan="10">
                                                    <div id="{{item.Id}}" class="panel-collapse collapse" role="tabpanel">
                                                        <table class="table table-bordered">
                                                            <thead>
                                                                <tr>
                                                                    <th></th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                <tr class="ng-cloak" ng-cloak>
                                                                    <td><div ng-bind-html="item.FaqAnswer"></div></td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>

                                    </table>
Posted
Updated 25-Oct-18 20:31pm
v2
Comments
sajeetharan 26-Oct-18 1:05am
   
because you are filtering only the Question column
Member 13958707 26-Oct-18 1:19am
   
yes but i want to know a way to filter the table with both question and answer

1 solution

If you want to filter multiple fields you need to create a custom filter with your logic.

You can follow the link Filtering by Multiple Specific Model Properties in AngularJS (in OR relationship) - Stack Overflow[^]
   
Comments
Member 13958707 26-Oct-18 2:42am
   
Thanks. I'll see to it
Member 13958707 26-Oct-18 3:49am
   
It worked. Thanks
sajeetharan 26-Oct-18 5:25am
   
can you mark it as solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS


CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900