Angularjs从文本框中搜索常量值+值

时间:2018-01-07 14:10:53

标签: javascript angularjs angularjs-ng-repeat angularjs-filter

是否可以通过文本框中的某个常量值+值搜索值 在AngularJS过滤器中,我正在搜索否。目标。让我们说我正在寻找总数。目标4,它给了我不必要的结果,就像它在匹配日期字段中找到4一样。

是否可以搜索内容总目标:7其中总目标:是不变的,用户只能在文本框中输入数字部分进行搜索,即7

附加图像以获得更清晰

Click here to see the image for better clarity

1 个答案:

答案 0 :(得分:0)


您可以通过将具有该属性的对象传递给过滤器来指定要过滤的字段。如果totalGoals是您希望过滤器查找的唯一键,请使用

<div ng-repeat="match in matches| filter: { totalGoals : yourInPutModel }">

如果要按多个属性进行过滤,则必须编写自定义过滤器,例如

<div ng-repeat="match in matches| filter: yourCustomFilter">

然后在控制器中

$scope.yourCustomFilter = function(item) {
    if ((item.totalGoals.toLowerCase().indexOf($scope.yourInPutModel) != -1) || (item.anotherAttribute.toLowerCase().indexOf($scope.yourInPutModel.toLowerCase()) != -1)) {
        return true;
    }
        return false;
};

希望这会有所帮助。