angularJS 弹出层

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

猜你喜欢

转载自zouhuiying.iteye.com/blog/2299593