angulaire.js - Comment Angular réalise-t-il la coexistence de deux modules de table dans une seule interface?
迷茫
迷茫 2017-05-15 17:03:20
0
1
531

Sur la photo :

Les tableaux supérieur et inférieur sont des tableaux de données. Comment les implémenter ?

迷茫
迷茫

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

répondre à tous(1)
过去多啦不再A梦

Donnez-vous un petit exemple avec lequel jouer : 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);
    };
});
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal