Jquery 使用json数据并将其显示在列中

我想通过angular js显示如下图所示的json数据

---

json用户列表

我们可以对结果使用ng repeat逻辑并将其绑定到表

（功能（）{
angular.module（“testApp”，['ui.bootstrap']）.controller（'testCtrl'，['$scope'，'$http'，函数（$scope，$http）{
$scope.userData=未定义；
$scope.selectedUser=未定义；
$http.get（'https://randomuser.me/api/?results=30&nat=US，然后（函数（响应）{
$scope.userData=response.data；
});
$scope.selectUser=函数（usr）{
$scope.selectedUser=usr；
};
}]);
}());
.userInfo{
边框：1px实心#ccc；
边缘顶部：10px；
填充物：5px；
光标：指针；
}
.userInfo:hover{
背景：#ccc；
}
.个人资料{
左侧填充：0px；
右边填充：0px；
}
.省略号{
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
}
{{user.name.first}{{user.name.last}}
{{user.email}
回去




名字：
姓氏：
登录：
电邮：
出生日期:
国籍：

bro我们可以在3列网格布局中实现这一点吗？这两种方式都是可能的。更新代码段，而不是将数据显示在表格中，您希望它位于3列网格布局中。请在全页视图中查看是的，收到了，兄弟当我们点击某个特定用户时，我们可以在其他页面中获取特定用户的数据吗？比如，当用户被点击时，我们会显示他的图像，其余的图像就像我附加的图像一样