angularJS 弹出层

最新推荐文章于 2019-10-16 23:14:50 发布

iteye_920

最新推荐文章于 2019-10-16 23:14:50 发布

阅读量564

点赞数

文章标签： angularjs

本文链接：https://blog.csdn.net/iteye_920/article/details/82652295

版权

1、页面

<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];
    });
  })