Javascript Angularjs使用选择值筛选列表数据

我使用以下格式保存json数据： { “id”：“mypics-1”， “imageThumbUrl”：“img/small/1.jpg”， “imageUrl”：“img/large/1.jpg”， “名称”：“1.jpg”， “类型”：“imgage” }, { “id”：“mypics-2”， “imageThumbUrl”：“img/small/2.jpg”， “imageUrl”：“img/large/2.jpg”， “名称”：“2.jpg”， “类型”：“图像” }

如果用户从下拉列表中选择值，我需要根据类型筛选图像列表。我的代码如下。我尝试了很多方法，但它没有过滤数据，而是清空了列表

                        <select ng-model="showGenre">
                            <option value=" " selected>All</option>
                            <option ng-repeat="type in ImageTypes" value="{{type.name}}">{{type.name}}</option>
                        </select>
                        <div class="myPicsDivCls">
                            <ul id="carousel2" class="elastislide-list">
                                <li ng-repeat="ImageFile in ImageFiles | filter: {type:showGenre}">
                                    <a>
                                        <img ng-src="{{ImageFile.imageThumbUrl}}" data-echo="{{ImageFile.imageThumbUrl}}" alt="image06" />
                                    </a>
                                </li>
                            </ul>
                        </div> 

全部的
{{type.name}

试试看

//----------编辑-----------// 试一试

//----------编辑----------------// 改变

全部

到

全部

---

我想是因为这个

没有，它只是清空列表。没有，它没有过滤列表。

<li ng-repeat="ImageFile in ImageFiles | filter: showGenre">

<li ng-repeat="ImageFile in ImageFiles | showGenre">

<option value=" " selected>All</option>

 <option value="" selected>All</option>