Angular、2 JSON 个端点已加载,1 个 ng-repeat。如何在另一个中替换 1?
Angular, 2 JSON endpoints loaded, 1 ng-repeat. How to replace 1 within the other?
我有 2 个端点(我认为它们不相关)来自 jpholder
:
jpholder/tds
jpholder/us
如果您在数据库中有一个用户 table 和一个待办事项 table,那么您最好的做法是,在 SELECT 上加入 SELECT =22=]s 并通过将用户引用到待办事项用户 ID 来获取用户名作为待办事项列表的一部分。
或者,如果您只使用固定的 JSON 或 javascript 数组,那么您可以这样做:
<tbody>
<tr ng-repeat="todo in todos ">
<td>{{todo.userId}}</td>
<td>{{::returnUserName(todo.userId)}}</td><!--Should give you the correct username.-->
<td>{{todo.title}}</td>
<td>{{todo.completed?'COMPLETED':'INCOMPLETE'}}</td>
<td> <button type="button" ng-click="UpdateTodo($index, true)" class="btn btn-info">Update</button> </td>
</tr>
</tbody>
然后为 javascript 创建一个 $scope 变量:
$scope.users = [{id: 1, name:'John Doe'},{id:2, name:'Jane Appleseed'}];
$scope.returnUserName = function(userID) {
var i, len;
for (len = $scope.users.length, i=0; i<len; ++i) {
if($scope.users[i].id == userID) {
return $scope.users[i].name;
}
}
return 'No user found.'
}
我有 2 个端点(我认为它们不相关)来自 jpholder
:
jpholder/tds
jpholder/us
如果您在数据库中有一个用户 table 和一个待办事项 table,那么您最好的做法是,在 SELECT 上加入 SELECT =22=]s 并通过将用户引用到待办事项用户 ID 来获取用户名作为待办事项列表的一部分。
或者,如果您只使用固定的 JSON 或 javascript 数组,那么您可以这样做:
<tbody>
<tr ng-repeat="todo in todos ">
<td>{{todo.userId}}</td>
<td>{{::returnUserName(todo.userId)}}</td><!--Should give you the correct username.-->
<td>{{todo.title}}</td>
<td>{{todo.completed?'COMPLETED':'INCOMPLETE'}}</td>
<td> <button type="button" ng-click="UpdateTodo($index, true)" class="btn btn-info">Update</button> </td>
</tr>
</tbody>
然后为 javascript 创建一个 $scope 变量:
$scope.users = [{id: 1, name:'John Doe'},{id:2, name:'Jane Appleseed'}];
$scope.returnUserName = function(userID) {
var i, len;
for (len = $scope.users.length, i=0; i<len; ++i) {
if($scope.users[i].id == userID) {
return $scope.users[i].name;
}
}
return 'No user found.'
}