Laravel angleを使ってuser_idで名前を取得する方法は？

Question

私はタイトルとボディ属性でしかデータを取得できませんが、名前のデータを取得すると、ページを更新すると空になりますが、自動的に投稿すると表示されます。

何らかの理由でangularjsが名前を正常に取得していません。

注：私はlaravelを使用しています。例えば

ここ：

ここでは、サーバー側である：

のPostController

public function getPosts() { 

    $posts = Post::with('user')->get(); 
    $response = new Response(json_encode($posts)); 
    $response->headers->set('Content-Type', 'application/json'); 
    return $response; 
} 

public function storePost(Request $request) { 
    $data = request()->validate([ 
    'title' => 'required|max:120', 
    'body' => 'required|max:1000' 
    ]); 

    $data['user_id'] = auth()->user()->id; 
    $data['name'] = auth()->user()->name; 

    $post = Post::create($data); 

    $response = new Response(json_encode($data)); 
    $response->headers->set('Content-Type', 'application/json'); 


    // return redirect('/home')->withMessage('A new post was created.'); 

    return $response; 
} 

main.js

$scope.myposts = {}; 

$scope.addPost = function() { 

    $http.post('/auth/post', { 
    title: $scope.post.title, 
    body: $scope.post.body 

    }).then(function(data, status, headers, config) { 
    console.log(data); 
    $scope.myposts.push(data.data); 

    }); 

    $scope.post.title = ''; 
    $scope.post.body = ''; 

}; 

$scope.deletePost = function(post) { 
    var index = $scope.myposts.indexOf(post); 

    if (index != -1) { 
    $scope.myposts.splice(index, 1); 
    } 

    $http.delete('auth/post/' + post.id); 
}; 

$scope.getPosts = function() { 

    $http.get('/auth/posts').then(function(data) { 
    $scope.myposts = data.data; 
    }).then(function(data, status, header, config) {}); 
}; 

HTML：

<div id="mypost" class="col-md-8 panel-default" ng-repeat="post in myposts"> 
    <div id="eli-style-heading" class="panel-heading"> 
    <% post.title %> 
    </div> 
    <div class="panel-body panel"> 
    <figure> 
     <p> 
     <% post.body %> 
     </p> 
     by: 
     <p> 
     <% post.user.name %> 
     </p> 

    </figure> 
    <span><button ng-click="deletePost(post)">x</button></span> 
    </div> 
</div> 

私は最初のリフレッシュせずにコンテンツを追加します（非同期）

ページ更新の （別のポストごとに異なるログ）上記

Answer 1

あなたのリロードページ大丈夫ですか？

$posts = Post::with('user')->get(); 

戻り

{ 
    "title": "title", 
    "body": "body", 
    "user": { 
     "name": "name" 
    } 
} 

とあなたの角度であなたはあなたが追加したときにそれを表示するための解決策は、アレイ

$scope.addPost = function() { 

    $http.post('/auth/post', { 
    title: $scope.post.title, 
    body: $scope.post.body 

    }).then(function(data, status, headers, config) { 
    console.log(data); 

    data.data['user'] = { 
     name: data.data.name 
    } 

    $scope.myposts.push(data.data); 

    }); 

    $scope.post.title = ''; 
    $scope.post.body = ''; 

}; 

にプッシュする前に、あなたのJSONオブジェクトを再構築することである

<% post.user.name %> 

ことによってそれを表示します