欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

angularJS 弹出层 angularjs 

程序员文章站 2024-03-13 19:15:15
...
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];
    });
  })
相关标签: angularjs