angular.js - Bagaimanakah sudut menyedari kewujudan bersama dua modul jadual dalam satu antara muka?
迷茫
迷茫 2017-05-15 17:03:20
0
1
530

Bergambar:

Kedua-dua jadual atas dan bawah adalah jadual data Bagaimana untuk melaksanakannya?

迷茫
迷茫

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

membalas semua(1)
过去多啦不再A梦

Beri anda contoh kecil untuk dimainkan: 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);
    };
});
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan