Question

以下列格式提供json数据： { ＆＃34; id＆＃34;：＆＃34; mypics-1＆＃34;，＆＃34; imageThumbUrl＆＃34;：＆＃34; img / small / 1.jpg＆＃34;，＆＃34; imageUrl＆＃34;：＆＃34; img / large / 1.jpg＆＃34;，＆＃34; name＆＃34;：＆＃34; 1.jpg＆＃34;，＆＃34;输入＆＃34;：＆＃34; imgage＆＃34; }，{ ＆＃34; id＆＃34;：＆＃34; mypics-2＆＃34;，＆＃34; imageThumbUrl＆＃34;：＆＃34; img / small / 2.jpg＆＃34;，＆＃34; imageUrl＆＃34;：＆＃34; img / large / 2.jpg＆＃34;，＆＃34; name＆＃34;：＆＃34; 2.jpg＆＃34;，＆＃34;输入＆＃34;：＆＃34;图像＆＃34; }

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

                        <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>

Answer 1

试

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

// ---------- ----------- EDIT // 试试

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

// ---------- EDIT ---------------- // 变化

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

到

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

我认为是由于那个

Angularjs使用选择值过滤列表数据

1 个答案: