Question

我有一个包含两列“名称”和“描述”的表。我还有一个下拉列表，其中包含这两列的名称。用户必须从下拉列表中选择一个项目以了解将过滤哪个列，然后在输入中插入关键字。我需要在表中仅检索使用在他选择的列上应用的关键字过滤的值。我想用angularjs做到这一点。有什么想法吗？

<select class="form-control">
                                    <option value="Name"> Name</option>
                                    <option value="Description">Description</option>
                                </select>
        Search: <input ng-model="searchWord"/>   
        <table class="table table-bordered table-hover">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Description</th>

                </tr>
            </thead>

            <tbody>
                <tr ng-repeat="item in pagedItems[currentPage] | orderBy:sortingOrder:reverse | filter:searchWord" ng-click="SelectItem(item)" ng-class="{true:'success'}[item == selectedItem]">
                    <td>{{item.name}}</td>
                    <td>{{item.description}}</td>
                </tr>
            </tbody>
        </table>

Answer 1

这是一个plunker链接http://plnkr.co/edit/SPPSf6yQRoF11mOwdYgJ?p=preview。您需要生成动态模型并将其绑定到输入框。

使用angularjs按特定列过滤

1 个答案: