Javascript 如何将ng repeat与ionic一起使用

在爱奥尼亚有这个演示

<ion-list>
  <ion-item ng-repeat="playlist in playlists" href="#/app/playlists/{{playlist.id}}">
    {{playlist.title}}
  </ion-item>
</ion-list>

{{playlist.title}

但我用的是ioic材料，我想重复一下

<a ng-repeat="shop in shops" href="#/app/shops" class="item item-thumbnail-left item-icon-right"  > 
                <img ng-src="{{img}}">
                <h2>{{title}}</h2>
                <p>{{subtitle}}</p></a>

这是商店

$scope.shops=[
{标题：'shop1'，id:1，副标题：'Sport，Casual，Suits'，img:'img/material3.jpg.jpg'}，
{title:'shop2'，id:2，副标题：'Suits&Shoes'，img:'img/material3.jpg.jpg}，

];

但我得到的是生成的HTML。（无错误）

---

那么我做错了什么呢？

明白了，我应该做：

<a ng-repeat="shop in shops" href="#/app/shops" class="item item-thumbnail-left item-icon-right"  >
                <img ng-src="{{shop.img}}">
                <h2>{{shop.title}}</h2>
                <p>{{shop.subtitle}}</p>
                </a>

而不是

<a ng-repeat="shop in shops" href="#/app/shops" class="item item-thumbnail-left item-icon-right"  > 
            <img ng-src="{{img}}">
            <h2>{{title}}</h2>
            <p>{{subtitle}}</p></a>

显示您的

$scope.shops的初始化，因为似乎没有shops.thaks寻求帮助@skubski
<a ng-repeat="shop in shops" href="#/app/shops" class="item item-thumbnail-left item-icon-right"  > 
            <img ng-src="{{img}}">
            <h2>{{title}}</h2>
            <p>{{subtitle}}</p></a>