【问题标题】:Angularjs search constant value+ value from textboxAngularjs从文本框中搜索常量值+值
【发布时间】:2018-01-07 22:46:24
【问题描述】:

是否可以通过一些常量值+来自文本框的值来搜索值 在 AngularJS 过滤器中,我正在寻找否。的目标。假设我正在寻找完全没有。在目标 4 中,它给了我不必要的结果,就像在比赛日期字段中找到 4 一样。

是否可以搜索内容总目标:7,其中总目标:是常量,用户应仅在文本框中输入数字部分进行搜索,即 7

附加图片以获得更好的清晰度

Click here to see the image for better clarity

【问题讨论】:

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


    【解决方案1】:


    您可以通过将具有该属性的对象传递给过滤器来指定要过滤的字段。如果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;
    };
    

    希望这会有所帮助。

    【讨论】:

    • 嗨,totalGoals 是我编写过滤器时的静态 HTML 内容:{TotalGoals:score} 它隐藏了所有内容,因为我开始在文本框中写入。这是我那部分的代码
      Match Date: {{teamname .date}}
      {{ teamname.team1.name}} V/S {{teamname.team2.name}}
      TotalGoals{{teamname.score1+teamname.score2 }}
    • 您能分享一下您的round.matches 的样子吗?如果可能,请创建一个 plunkr。我会在那里修复。@pranavgupta
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-04-25
    • 2016-03-28
    • 1970-01-01
    • 2017-05-20
    相关资源
    最近更新 更多