我正在试验AngularJS,这是我的第一次尝试.我正在尝试使用"开头"而不是"包含"之类的东西来过滤对象数组,但我不知道如何做到这一点.
假设我有一个elements像这样的数组
[{
amount: 50
}, {
amount: 25
}]
如果我想通过5两个记录过滤将显示,而我只想拥有第一个,开头的那个5.
这是我到目前为止所做的,对于循环部分(我还添加了排序和分页部分,即使可能没有影响我想要实现的目标)
<tr ng-repeat="element in elements | filter:search:strict | orderBy:predicate:reverse | filter:startFrom:currentPage*pageSize | limitTo:pageSize">
<td>{{element.name}}</td>
<td>{{hotel.amount}}</td>
</tr>
并为我写" 5" 的输入
<input class="pull-right" ng-model="search.amount">
我不明白如何在这里创建一个自定义处理程序,以便我可以解析每个第n项,看看它是否以传递的数字开头.
我只会编写基本的自定义过滤器：
JS
var iApp = angular.module("App", []);
iApp.filter('myfilter', function() {
function strStartsWith(str, prefix) {
return (str+"").indexOf(prefix) === 0;
}
return function( items, amount) {
var filtered = [];
angular.forEach(items, function(item) {
if(strStartsWith(item.amount, amount)){
filtered.push(item);
}
});
return filtered;
};
});
iApp.controller('TestController', function($scope)
{
$scope.amount='';
$scope.elements = [
{ amount: 50},
{ amount: 25 }];
});
超文本标记语言
<body data-ng-controller="TestController">
<input class="pull-right" ng-model="amount">
<table id="hotels">
<tr data-ng-repeat="element in elements | myfilter:amount">
<td>{{element.amount}}</td>
</tr>
</table>
<br/>
</body>
演示Plunker