<p>{{page.gallery.images}}</p>
</div>
<div class="content" >
<div class="box" ng-repeat="image in page.gallery.images">
<a href="#/home"><img src="{{image}}"> </a>
</div>
</div>
Data is coming from json file :
As follow
{
"description": "MOTOROLA ATRIXxx 4G gives you dual-core docs, or access multimedia on a large screen almost anywhere.",
"name": "MOTOROLA ATRIX\u2122 4G",
"gallery": {
"images": [
"assets/img/folio/1.jpg",
"assets/img/folio/2.jpg",
"assets/img/folio/3.jpg",
"assets/img/folio/4.jpg",
"assets/img/folio/5.jpg",
"assets/img/folio/6.jpg"
],
"title": "this is gallery title"
}
}