angular项目随笔——前端实现实时搜索展示搜索列表

1. 在项目中，会遇到初始化页面是一个列表，但页面中包含有一个input搜索框，输入关键字搜索的时候，列表需要实时变化，列表条目总数也需要实时变化。类似下图的需求。

解决方案如下：

<input placeholder="输入镜像名称查找" ng-model="projectImageKey"/>

<ul>

        <li  ng-repeat="item in projectImagesFiltered=(imageProjectCollections|filter:{'projectCollectionName ':projectImageKey})|orderBy:'projectCollectionName '"></li>

</ul>

说明：