当前位置:  开发笔记 > 编程语言 > 正文

根据输入框的内容过滤UL列表中的数据-AngularJs

如何解决《根据输入框的内容过滤UL列表中的数据-AngularJs》经验,为你挑选了1个好方法。

我有一个输入框,用户可以在其中输入文本。基于此文本,我的UL列表项应被过滤。例如,在文本框中的“ Ab ”上-只有AbbasAbid必须显示在UL列表的

  • 标记中。

    index.html

    
    
    
    
    
     
    
    
    • {{x.name}}

    angularScript.js

    //1. appDeclaration
    var app = angular.module('myApp',[]);
    
    //2. controllers
    app.controller('myCtrl',function($scope){
        $scope.name = "Peter";
        $scope.people = [{"name":"Abbas"},{"name":"Tina"},{"name":"Abid"}];
    });
    

    有人可以帮我解决一些基于输入文本的过滤器,以便只填充与输入框中的文本匹配的lis吗?



    1> Chris Hermut..:

    首先,您的元素中需要一个ng-model 。

    然后,您的ng-repeat如下所示:

  • {{x.name}}
  • 参考 https://docs.angularjs.org/api/ng/filter/filter

  • 推荐阅读
    吻过彩虹的脸_378
    这个屌丝很懒,什么也没留下!
    DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
    Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有