AngularJSを使用してRESTからデータを取得し、各ステートメントに対して実行するにはどうすればよいですか？

Question

私はangularJSの初心者です。私のコードがPHPで書かれたアプリケーションを開発しています。私はRESTサービスから取得し、その上でforeach文を実行してデータを表示します。取得データは、PHP objectです。

angularJSを使用して同じことを行うにはどうすればよいですか？ここで

私のPHPコードです：

<?php $blogs = process_api_get($base_url,'/blogs'); ?> 
    <?php if($blogs != NULL) { ?> 
    <?php foreach($blogs as $blog) : ?> 

    <div class="list card"> 

    <a ui-sref="menu.blogsView({id: '<?php echo $blog->id; ?>', title: '<?php echo $blog->title; ?>', content: '<?php echo $blog->content; ?>' })" 
    class="item item-icon-left"> 
    <?php echo $blog->title; ?> 
    </a> 

    </div> 

    <?php endforeach; ?> 
    <?php } ?> 

    <?php if(!$blogs) { ?> 
    No blog posts found 
    <?php } ?> 

Answer 1

HTMLがblogsは、サーバー側のAJAX呼び出しによってその$httpコール

の成功に&割り当てられ blogsデータを取っているブログになります以下のような似たような、なります

マークアップ

<div class="list card" ng-repeat="blog in blogs"> 
    <a ui-sref="menu.blogsView({id: blog.id, title: blog.title, content:blog.content })" class="item item-icon-left"> 
     {{blog.title}} 
    </a> 
</div> 
<div ng-if="blogs.length == 0"> 
    No blog posts found 
</div> 

コード

$http.get('/blogs').then(function(res) { 
    $scope.blogs = res.data; 
})