如何使用AngularJS从REST获取数据并为其上的每个语句运行


How to get data from REST and run for each statement on it using AngularJS?

我是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 } ?>

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;
})