小编use*_*790的帖子

Angular JS ng:基于select选项重复过滤

我是Angular的新手.我试图根据用选择框选择的选项过滤显示的数据集.

<div  ng-controller="CurrentTrandetailsController">
    <div>
        <div class="pull-right">        
            <label for="show-filter" class="show-label">Show </label>
            <select name="show-filter"  ng-model="searchText.accruedcard" id="show-filter"  ng-options="trandetail.accruedcard as trandetail.accruedcard for trandetail in currentTrandetails.trandetails ">
                <option value="">All</option>
            </select>                       
        </div>
        <h3>Current trandetails</h3>
    </div>
    <div>
        <table class="table table-striped table-hover">
            <tbody>
                <tr ng-repeat="trandetail in currentTrandetails.trandetails | filter:searchText">
                    <td>{{trandetail.dateAccrued}}</td>
                    <td>{{trandetail.accruedcard}}</td>
                    <td>{{trandetail.placeAccrued}}</td>
                    <td>{{trandetail.discountcents}}</td>
                    <td>{{trandetail.shortExpiryDate}}</td>
                </tr>
            </tbody>
        </table>
    </div>
Run Code Online (Sandbox Code Playgroud)

我使用了http://docs.angularjs.org/api/ng.filter:filter中给出的示例,该示例使用输入框进行过滤.在选择给定的卡片时,它似乎过滤得很好.但是,当我选择"全部"时,其值设置为"",它不会显示所有条目(清除过滤器).但是,在显示的示例中,清除文本框时,将显示所有条目.

我究竟做错了什么?

angularjs angularjs-ng-repeat

6
推荐指数
1
解决办法
1万
查看次数

未知提供者:uniqueFilterProvider在Angular.js中使用唯一过滤器

我是棱角分明的新人.我正在尝试实现过滤以为选择框构建唯一的选项列表.我的代码如下

<select name="show-filter" id="show-filter" ng-model="card" ng-options="v for v in currentOptions.cards  | unique:'cardno'">
<option value="">All</option>
</select>   
Run Code Online (Sandbox Code Playgroud)

我收到以下错误

错误:未知提供者:uniqueFilterProvider < - uniqueFilter

示例JSON(包装$scope.currentOptions)

"cards ":[{"cardno":"123223333"},{"cardno":"123223333"},{"cardno":"123223333"}]}
Run Code Online (Sandbox Code Playgroud)

angularjs

1
推荐指数
1
解决办法
1万
查看次数

标签 统计

angularjs ×2

angularjs-ng-repeat ×1