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