我只需要显示 Angular 色内容,这样数组就可以在彼此下面而不是在一行中彼此相邻,或者我需要在 td 的那部分有一个滚动选项,这样它就可以水平滚动
<tr ng-repeat="companyUser in companyUsers | filter:search | orderBy:sort">
<td>
<nobr>{{companyUser.user.firstName}}</nobr>
</td>
<td>
<nobr>{{companyUser.user.lastName}}</nobr>
</td>
<td>
<nobr>{{companyUser.user.username}}</nobr>
</td>
<td>
<nobr>{{companyUser.user.role}}</nobr>
</td> </tr>
我使用 Parse 通过 Parse 和 Parse 数据库加载数据,但最主要的是我希望 Angular 色 td 可以水平滚动或在其他 Angular 色下。
最佳答案
添加 ng-repeat
了解此人在您的 <td>
中的 Angular 色标签。
angular.module('app', [])
.controller('ctrl', function($scope) {
$scope.data = [
{
firstname: "User",
lastname: "Lastname",
email: "email@email.com",
role: ["Role1", "Role2", "Role3", "Role4"]
},
{
firstname: "User2",
lastname: "Lastname2",
email: "email2@email2.com",
role: ["Role1", "Role2", "Role3", "Role4"]
}
]
})
<!DOCTYPE html>
<html>
<head>
<script data-require="angular.js@1.6.0" data-semver="1.6.0" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-app="app" ng-controller="ctrl">
<table>
<tr>
<th>First name</th>
<th>Last name</th>
<th>Email</th>
<th>Roles</th>
</tr>
<tr ng-repeat="person in data">
<td>{{person.firstname}}</td>
<td>{{person.lastname}}</td>
<td>{{person.email}}</td>
<td><div ng-repeat="role in person.role">{{role}}</div></td>
</tr>
</table>
</body>
</html>
关于html - 我怎样才能将数组中的对象放在彼此下面而不是彼此相邻?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42413620/