javascript - 以 Angular 链接两个对象

Question

我有2个数据集

帖子

[
 {
  "postId": 1,
  "postContent": "Lorem Ipsum",
  "user": 1
 },
 {
  "postId": 2,
  "postContent": "Lorem Ipsum",
  "user": 2
 },
]

和用户

[
 {
  "user": 1,
  "firstName": "John",
  "lastName": "Doe"
 },
 {
  "user": 2,
  "firstName": "Johny",
  "lastName": "Doey"
 }
]

我正在重复所有帖子，我想通过 $scope.post.user.firstName 等访问用户数据。

我应该怎么处理它？<​​/p>

Answer 1

您可以使用 Array.prototype.find() 实现类似 getUserById() 的方法在遍历您的帖子时使用它。

AngularJS 中的代码:

angular
  .module('App', [])
  .controller('AppController', ['$scope', function ($scope) {
    $scope.posts = [{"postId": 1,"postContent": "Lorem Ipsum","user": 1},{"postId": 2,"postContent": "Lorem Ipsum","user": 2}];
    $scope.users = [{"user": 1,  "firstName": "John",  "lastName": "Doe"},{  "user": 2,  "firstName": "Johny",  "lastName": "Doey"}];

    $scope.getUserById = function (id) {
      return $scope.users.find(function (user) {
        return id === user.user;
      });
    };
  }]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.9/angular.min.js"></script>

<div ng-app="App" ng-controller="AppController" class="row">
  <div ng-repeat="p in posts">
    <p>{{p.postContent}} <i>by {{getUserById(p.user).firstName}}</i></p>
  </div>
</div>