1、前台找职位页面，左侧搜索导航栏，完成之前ng-repeat的嵌套使用问题。Html结构主要是3个相同定位的隐藏结构，分别对应3个大分类下的hover显示效果。需要注意的是隐藏的结构需要是hover结构的子类，否则鼠标移动hover结构到hover显示模块时，会继续隐藏。

<div class="menu-hover-0" ng-model="aa"  ng-repeat="z in product | jobFilter:1"><span class="menu-hover-1"  ng-bind="z.name"  ng-model="aa"></span><span ng-bind="y.name" ng-repeat="y in product | jobFilter:z.id"></span></div>

z为左侧二级关联职位，使用ng-model与hover状态下的二级分类进行关联，同时将当前二级职位对应的id传入三级职位的过滤器进行筛选即可。后期可能还需要在标签内增加路由跳转传参的参数。

2、后台公司列表页面，页面代码编辑调试。引入上面的constant常量文件，做了搜索框，职业分类选项的三级联动（实际后端接口只提供了第三级目录的传参）。

<select class="form-control" ng-model="product3" ng-option=" z.id as z.name for z in product | jobFilter: product2"></select>

先使用的ng-option进行循环渲染，优点是代码量少，渲染加载速度略快。但是有个问题是默认选项为空，需要在控制器中对select双向绑定进行初始赋值$scope.product1=product[0].id，即默认选中第一个下拉选项。但是由于后面的二三级框是相互联动的，即使赋值也不会出现默认项，可能还需要进行其他代码实现。有些麻烦，后面还是使用ng-repeat进行循环。第一栏增加了下拉框提示提升体验效果。综合来看联动下拉框时ng-repeat调试会更方便一些。

<select class="form-control" ng-model="product2" >
   <option value>--请选择--</option>
   <option ng-value="y.id" ng-bind="y.name" ng-repeat=" y in product | jobFilter: product1"></option>

收获：配合常量，多级联动，常规使用及下拉菜单使用相关知识，ng-repeat和ng-option在select标签内的差异优劣势。

困难：暂无。

计划：开始页面假数据请求及渲染。