AngularJS - 如何使用严格搜索的输入字段?

时间:2017-10-11 13:33:37

标签: angularjs

我正在努力找到一种方法,以便用户可以在输入字段中输入员工ID号,然后让表只显示相关字段。

现在我的问题是ng-repeat过滤器显示任何id号码"包含" id号而不是实际的id号。

我尝试过严格的搜索,但一定是做错了。继承我的代码示例:

<div ng-app="myApp" ng-controller="ListAllUsersCtrl">
    <form align="center">
        <label>Enter user id: <input type="text" ng-model="search" id="search" placeholder="user id">
        </label><br>
    </form>

    <div class="container">
        <table class="table table-default table-striped table-bordered text-center">
            <thead>
                <tr>
                    <td>Amount</td>
                    <td>Reimb. ID</td>
                    <td>Receipt</td>
                    <td>Author</td>
                    <td>Solved</td>
                    <td>Submit</td>
                    <td>Type</td>
                    <td>Status</td>
                    <td>Description</td>
                    <td>Resolver</td>

                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="x in reimb | filter:{'reimb_Author': search}">
                    <td>{{ x.reimb_Amount | currency}}</td>
                    <td>{{ x.reimb_Id }}</td>
                    <td>{{x.reimb_Receipt}}</td>
                    <td>{{x.reimb_Author}}</td>
                    <td>{{x.reimb_Solved}}</td>
                    <td>{{x.reimb_Submit}}</td>
                    <td>{{x.reimb_Type}}</td>
                    <td>{{x.reimb_Status_ID}}</td>
                    <td>{{x.reimb_Description}}</td>
                    <td>{{x.reimb_Resolver}}</td>   
                    </tr>
            </tbody>
        </table>
    </div>
</div>

0 个答案:

没有答案