angular 过滤器的经典用法（排序，搜素）

来源：互联网发布：唯爱美白仪骗局知乎编辑：程序博客网时间：2024/06/06 08:58

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body ng-app="myApp"><div ng-controller="costCtrl">    搜索:<input ng-model="query">    类型:    <select ng-model="order">            <option value="name">name</option>            <option value="age">age</option>    </select><ul>    <li ng-repeat="n in list | filter:query | orderBy:order">        {{n.name}}        {{n.age}}    </li></ul></div><script src="libs/angular.js"></script><script>    (function () {        var app=angular.module("myApp",[]);        app.controller("costCtrl",function ($scope) {            $scope.list= [                {"name":"xingoo","age":25},                {"name":"zhangsan","age":18},                {"name":"lisi","age":20},                {"name":"wangwu","age":30}            ];           $scope.order = "age";        })    })()</script></body></html>

阅读全文

0 0