2015年5月1日金曜日

AngularJSで、リンクとイメージ(Templating Links & Images)

AngularJSで、リンクとイメージ(Templating Links & Images)です。たぶん画像表示部分の「img ng-src=」とするところがミソなんでしょう。

「<img src=」

「<img ng-src=」

<ul class="phones">
  <li ng-repeat="phone in phones | filter:query | orderBy:orderProp" >
    <a href="#/phones/{{phone.id}}"><img ng-src="{{phone.imageUrl}}" class="thumb"></a>
    <a href="#/phones/{{phone.id}}">{{phone.name}}</a>
    <p>{{phone.snippet}}</p>
  </li>
</ul>

実際に設定してみたサイトがこちら



参考サイト
ngSrc(AngularJS)

0 件のコメント:

コメントを投稿