Sliding Tabs & JSON Feed

ionic-v1
1

I have a ionic project using the slide tabs. I placed coding within the ion-slide for my news feed (calling wp json), but it’s not displaying anything and I can’t figure out why. Below is my code within a slide:

     <ion-refresher on-refresh="loadBlogs()">            
        </ion-refresher>
        <div data-ng-if="!posts.length">
            <center>                                        
                <br>
                <h2>  </h2>
            </center>
        </div>
        <div class="list" data-ng-if="posts.length">
            <a data-ng-repeat="p in posts" data-ng-click="viewBlog(p.URL)">                    
                <div class="blog-title" data-ng-bind-html="toTrusted(p.title)"> 
                </div>
                <div class="blog-details">
                    <img data-ng-src="{{p.author.avatar_URL}}" alt="">
                    <span>
                        <span class="blogger"> {{ p.author.nice_name }} </span>  
                        <span class="pubdate">{{ p.date }} </span>
                    </span>
                </div>
                </div>
            </a>            
        <ion-infinite-scroll on-infinite="moreBlogs()" 
                data-ng-if="infiniteLoad" icon="">
        </ion-infinite-scroll>


            </ion-slide>

Any ideas? Is there a way to call a html file within the template in each ion-slide? – this seems to be an easier option if its doable.