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>

<!-- -->