Kod adalah seperti berikut:
html
<table class="table table-bordered"> <tbody ng-repeat="user in users" ng-controller="ListCtrl" ng-switch on="" ng-click="toggleSelected()" ng-switch on="isSelectedAll()" > <tr> <td>{{user.name}}</td> <td>{{user.email}}</td> </tr> <tr ng-switch-when="true"> <td colspan="2">{{user.desc}}</td> </tr> </tbody> </table>
js
angular.module('listApp', []); angular.module('listApp').controller('ListCtrl',function($scope){ $scope.users = [ {name:'马春娣',email:'macd@xx.com.cn',desc:'我们比比谁先到家'}, {name:'邹俊',email:'zenj@xx.com.cn',desc:'300斤有我!'}, {name:'曾贱',email:'zoujian@xx.com.cn',desc:'我胸大,我说了算!'} ]; $scope.isSelected = false; $scope.toggleSelected = function(){ $scope.isSelected = ! $scope.isSelected; }; $scope.isSelectedAll = function(){ return $scope.isSelected; } })
Kod adalah seperti di atas, tetapi halaman tidak dipaparkan. Saya tidak tahu punca ralat, sila maklumkan kepada saya.
Letakkan
ng-controller="ListCtrl"
padatable