我对angular JS和zurb非常陌生，我有一个控制器，它显示位于http://jsonplaceholder.typicode.com/users的远程json数据，但我想使用zurb以表的形式显示控制器的响应。当用户点击一行，一个显示模式应该弹出并显示特定用户的完整详细信息，包括:地址，电话号码，有人可以帮助我如何做到这一点下面的代码是我的角控制器，我已经使用，我的控制器只是显示数据，但我想在表格中显示使用zurb表和网格。
<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="usersController">
<ul>
<li ng-repeat="x in names">
{{ x.id + ', ' + x.name + ', '+ x.username + ', '+ x.email}}
</li>
</ul>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('usersController', function($scope, $http) {
$http.get(" http://jsonplaceholder.typicode.com/users")
.success(function (data) {$scope.names = data;});
});
</script>
</body>
</html>我从他们的网站上了解到，Zurb表只是有一些时尚的外观和感觉，你可以这样使用它:
<table>
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th >User Name </th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="x in names">
<td ng-bind="x.id"></td>
<td ng-bind="x.name"></td>
<td ng-bind="x.username"></td>
<td ng-bind="x.email"></td>
</tr>
</tbody>
</table>