Angular ng-repeat not showing data on laravel?

Question

The console shows that the posts were retrieved successfully, the backend works fine without the angular compatibility.

and its supposed to retrieve post data.

angular.js:12701 XHR finished loading: GET "http://127.0.0.1:8000/auth/posts".

however it shows 5 empty divs like the following

main.js

$http.get('/auth/posts').then(function(data){
    $scope.myposts = data;

});

PostController

   public function getPosts()
    {

        $posts = Post::all();
        return json_encode($posts);
    }

Route

Route::get('auth/posts', 'HomeController@getPosts');

the html file

<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>

            </figure>
        </div>
</div>

can you post the `$scope.myposts` values ? – code.cycling Nov 14 '17 at 07:50 — code.cycling, Nov 14 '17 at 07:50

Sajeetharan · Accepted Answer · 2017-11-14T07:55:26.610

2

You need to access the data property from the response, I think you need,

$http.get('/auth/posts').then(function(data){
    $scope.myposts = data.data;

});

edited Nov 14 '17 at 07:55

answered Nov 14 '17 at 07:50

Sajeetharan

216,225
63
350
396

it worked thanks :), ill approve as soon as it let me – BARNOWL Nov 14 '17 at 07:54
another thing, when i post it doest show automatically i have to refresh the page to see the new post. any recommondations ? – BARNOWL Nov 14 '17 at 07:57
load it on the ng-init – Sajeetharan Nov 14 '17 at 07:58
just apply ng-init on the div tag where i have ng-repeat on ? – BARNOWL Nov 14 '17 at 08:00
call the request to your api on ng-init with a function – Sajeetharan Nov 14 '17 at 08:02
`
`does this look right ?
– BARNOWL Nov 14 '17 at 08:02
no you should have a function which calls the the api and get myposts – Sajeetharan Nov 14 '17 at 08:04
something like this https://stackoverflow.com/questions/24172745/ng-init-in-ng-repeat-shows-only-the-last-item-info – Sajeetharan Nov 14 '17 at 08:08

Angular ng-repeat not showing data on laravel?

1 Answers1