[英]Angularjs filter list data using select value
我有以下格式的json数据:{“ id”:“ mypics-1”,“ imageThumbUrl”:“ img / small / 1.jpg”,“ imageUrl”:“ img / large / 1.jpg”,“名称“:” 1.jpg“,” type“:” 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>
尝试
<li ng-repeat="ImageFile in ImageFiles | filter: showGenre">
// ----------编辑----------- //试试
<li ng-repeat="ImageFile in ImageFiles | showGenre">
// ---------- EDIT ---------------- //更改
<option value=" " selected>All</option>
至
<option value="" selected>All</option>
我认为是由于
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.