[解決済み] AngularJSで画像を表示する

質問

なぜ私の画像がangularによって読み込まれないのかよくわかりません。

<li class="list-group-item" ng-repeat="family in product.families | orderBy:'category'">
    <h3>{{family.category}}</h3>
    <div class="img-wrap">
        <img ng-src="{{family.image}}"/>
    </div>
</li>

family.category は動作しますが、私の ng-src はそうではないようです。読み込まれたページのHTMLを見ると、次のようなものばかりです。 <img ng-src>

JSON Sytnax

"families": [
    {
      "category": "Tablets",
      "image": "images/tablet.png"
    }
]

このライブバージョンを見ることができます。 こちら

解決方法は？

画像のURLが正しいかどうか、jsonで画像のURLを入力してみてください。

chromeのdev tools->ネットワークで、どのURLを呼び出しているのか確認してください。

--

評価が低いのでコメントできません。