angular.js - angular如何实现一个界面两个table模块并存呢?
迷茫
迷茫 2017-05-15 17:03:20
0
1
526

如图:

上下两个都是数据表,如何实现呢?

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(1)
过去多啦不再A梦

给你个小例子玩玩看:jsfiddle

<p ng-controller="DemoCtrl">
  <table border="1">
    <tr ng-repeat="item in table1" ng-click="showDetail(item)">
      <td>{{ item.id }}</td>
      <td>{{ item.name }}</td>
      <td>{{ item.age }}</td>
    </tr>
  </table>
  
  <table border="1">
    <tr ng-repeat="item in table2">
      <td>{{ item.address }}</td>
      <td>{{ item.email }}</td>
    </tr>
  </table>
</p>
demo.controller('DemoCtrl', function($scope){
    $scope.table2 = [];
    
    $scope.table1 = [
        {
            id: 1,
            name: 'Hanmeimei',
            age: 31,
            detail: [{
                address: 'Zhongguo',
                email: 'Hmm@sohu.com'
            }]
        },{
            id: 2,
            name: 'Lilei',
            age: 32,
            detail: [{
                address: 'Yindu',
                email: 'Ll@gmail.com'
            }]
        }
    ];
    
    $scope.showDetail = function(item){
        $scope.table2.length = 0;
        Array.prototype.push.apply($scope.table2, item.detail);
    };
});
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板