angularJS 弹出层 angularjs
程序员文章站
2024-03-13 19:15:15
...
1、页面
2、页面url
3.js代码
<div ng-controller="detailCtrl"> <pane class="detail-body" animation="animation" > <div class="tab-content"> <div class ="detail-row"> <div class="detail-header"> <table class="table"> <tr> <td><a>{{detailData.name}}</a></td> <td>{{detailData.tenant}}</td> </tr> </table> </div> <div class="detail-title"> <a class = "an-close" ng-href="/cvm/volumes"><i class="iconfont icon-awmailreply"></i></a> <span>云硬盘详情</span> </div> <div class="detail-info"> <table class="table table-info"> <tr> <td>云硬盘名称</td> <td>{{detailData.name}}</td> <td>项目名称</td> <td>{{detailData.tenant}}</td> </tr> </table> </div> </div> </div> </pane> </div>
2、页面url
<td data-title="'云硬盘名称'" sortable="'name'"> <a ng-href="/cvm/volumes?id={{volume.id}}">{{volume.name}}</a> </td>
3.js代码
$rootScope.$on('getDetail',function(event,value){ volumesDataSrv.detailVolumeData(value).then(function(result){ $scope.detailData = result.data[0]; }); })
上一篇: 自定义MD5加盐加密方式代码实现 博客分类: java随笔 Securityjava
下一篇: openstack安装--keystone 博客分类: openstackopenstack,openstack安装 keystone
推荐阅读
-
angularJS 弹出层 angularjs
-
Asp.net利用JQuery弹出层加载数据代码
-
玩转spring boot 结合AngularJs和JDBC(4)
-
玩转spring boot 结合jQuery和AngularJs(3)
-
Asp.net利用JQuery弹出层加载数据代码
-
玩转spring boot 结合jQuery和AngularJs(3)
-
玩转spring boot 结合AngularJs和JDBC(4)
-
弹出层和等待窗口 博客分类: JavaScript javascript
-
div弹出层的ajax登录(Jquery版+c#)
-
百度地图嵌入弹出层,无法准确正确显示marker标记到中心位置的问题 博客分类: web前端 脚本百度htmlJavaScript