gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 08:23:57 25 4
gpt4 key购买 nike

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

  • 标签中。

    index.html

    <html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script src="angularScript.js"></script>
    </head>
    <body ng-app="myApp" ng-controller="myCtrl">
    <input type="text" />
    <ul><li ng-repeat="x in people">{{x.name}}</li></ul>
    </body>
    </html>

    Angular 脚本.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"}];
    });

    有人可以帮我做一些基于输入文本的过滤器,这样只有那些与输入框中的文本匹配的列表才会被填充吗?

  • 最佳答案

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

    <input ng-model="filter" type="text" />

    然后你的 ng-repeat 看起来像:

    <li ng-repeat="x in people | filter:filter">{{x.name}}</li>

    引用。 https://docs.angularjs.org/api/ng/filter/filter

    关于angularjs - 根据输入框的内容过滤UL列表中的数据-AngularJs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34151248/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com