博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Java之品优购课程讲义_day05(2)
阅读量:6173 次
发布时间:2019-06-21

本文共 1071 字,大约阅读时间需要 3 分钟。

1.2.1 前端代码

(1)修改 itemCatService.js

//根据上级 ID 查询下级列表this.findByParentId=function(parentId){return  $http.get('../itemCat/findByParentId.do?parentId='+parentId);}

(2)修改 itemCatController.js

//根据上级 ID 显示下级列表$scope.findByParentId=function(parentId){ itemCatService.findByParentId(parentId).success(function(response){$scope.list=response;});}

(3)修改 item_cat.html

引入 JS

Java之品优购课程讲义_day05(2)

{
{entity.id}}{
{entity.name}}{
{entity.typeId}}

1.2 面包屑导航

我们需要返回上级列表,需要通过点击面包屑来实现修改 itemCatController.js

$scope.grade=1;//默认为 1 级

//设置级别$scope.setGrade=function(value){$scope.grade=value;}//读取列表$scope.selectList=function(p_entity){if($scope.grade==1){//如果为 1 级$scope.entity_1=null;$scope.entity_2=null;}if($scope.grade==2){//如果为 2 级$scope.entity_1=p_entity;$scope.entity_2=null;}if($scope.grade==3){//如果为 3 级$scope.entity_2=p_entity;}$scope.findByParentId(p_entity.id);        //查询此级下级列表}

修改列表的查询下级按钮,设定级别值后 显示列表

这里我们使用了 ng-if 指令,用于条件判断,当级别不等于 3 的时候才显示“查询下级”按钮

绑定面包屑:

转载于:https://blog.51cto.com/13517854/2159828

你可能感兴趣的文章
5.6-全栈Java笔记:内部类的四种实现方式
查看>>
Linux微职位学习笔记-终端
查看>>
自己写了一个友盟推送的util
查看>>
Mapreduce 扫描hbase表建立solr索引
查看>>
RHEL 5.8 yum本地源
查看>>
Teams 新功能更新【五月底】Busy on Busy 忙线音
查看>>
orzdba安装与使用
查看>>
二叉搜索树的插入叶子结点的递归实现方法
查看>>
通过nginx配置不同二级域名代理多个系统
查看>>
linux基础篇-23,文件系统管理
查看>>
keepalived+nginx高可用配置
查看>>
node.js爬虫爬取电影天堂,实现电视剧批量下载。
查看>>
Ubuntu 18.04.1 LTS下部署FastDFS 5.11+Nginx 1.14.0
查看>>
PHP 运行方式(PHP SAPI介绍)
查看>>
puppet学习之puppet证书验证
查看>>
Server 2008 R2 AD RMS完整部署:四、客户端篇
查看>>
Alcatel-Lucent 7750 运营商认证设备在线用户数OID
查看>>
靠自己。linux manul手册入门
查看>>
思科设备中查询筛选的命令精华
查看>>
大数据未来将呈现的八大发展趋势
查看>>