Angular筛选功能
业务场景：依据级别（level ）和主题（Subtype ）向后台传参数，进行筛选向前台返回数据列表。
代码如下：其中filterChoose()用于弹出筛选下拉框，filterButton()用于选中数据执行调接口筛选的功能。
<!– 根据级别、主题筛选 –>
<div class=”filter” ng-if=”coursePreviewMark”>
<div class=”selection”>
<span class=”select”>类型:</span>
<ul class=”option”>
<li ng-repeat=”Subtype in ESSubtypeCourseData” value={{Subtype.courseSubtype}} ng-click=”filterChoose($event,1,’Subtype’)”>{{Subtype.name}}</li>
</ul>
<div class=”input”>
<div class=”spanName” ng-click=”filterButton($event)”>不限</div>
<div class=”button” ng-click=”filterButton($event)”></div>
</div>
</div>
<div class=”selection selectionB”>
<span class=”select”>级别:</span>
<ul class=”option”>
<li ng-repeat=”level in ESLevelCourseData” value={{level.value}} ng-click=”filterChoose($event,1,’Level’)”>{{level.name}}</li>
</ul>
<div class=”input”>
<div class=”spanName” ng-click=”filterButton($event)”>不限</div>
<div class=”button” ng-click=”filterButton($event)”></div>
</div>
</div>
</div>
<!– –>
版权声明：本文为mu-zi-原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。