angular 列表过滤

<!DOCTYPE html>
<html>

<head>
  <script data-require="angularjs@1.5.8" data-semver="1.5.8" src="https://opensource.keycdn.com/angularjs/1.5.8/angular.min.js"></script>
  <link rel="stylesheet" href="style.css" />
  <script src="script.js"></script>
</head>

<body ng-app="myapp">
  <div ng-controller="myController">
    <input type="text" ng-model="search">
    <div class="selectContain">
      <ul class="searchSelect">
        <li ng-repeat="item in items | filter: myFilter">{{ item.name }}</li>
      </ul>
    </div>
  </div>
  <script>
    angular.module('myapp', []);
    angular.module('myapp').controller('myController', function($scope) {
      $scope.search = "";
      $scope.filterName = "name";
      $scope.items = [{
        name: 'wws',
        age: 1
      }, {
        name: 'A',
        age: 2
      }, {
        name: 'B',
        age: 3
      }];
      $scope.myFilter = function(item) {
        return !$scope.search || item[$scope.filterName] == $scope.search;
      }
    })
  </script>
</body>

</html>

// Code goes here

/* Styles go here */