程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> JAVA編程 >> JAVA綜合教程 >> ng-src作用,ngsrc

ng-src作用,ngsrc

編輯:JAVA綜合教程

ng-src作用,ngsrc


...
<ul class="phones">
  <li ng-repeat="phone in $ctrl.phones | filter:$ctrl.query | orderBy:$ctrl.orderProp" class="thumbnail">
    <a href="#/phones/{{phone.id}}" class="thumb">
      <img ng-src="{{phone.imageUrl}}" alt="{{phone.name}}" />
    </a>
    <a href="#/phones/{{phone.id}}">{{phone.name}}</a>
    <p>{{phone.snippet}}</p>
  </li>
</ul>
...
We also added phone images next to each record using an image tag with the ngSrc directive. That directive prevents the browser 
from treating the Angular {{ expression }} markup literally, and initiating a request to an invalid URL

為什麼不直接使用<img src="{{phone.imageUrl}}">因為浏覽器會請求{{phone.imageUrl}}這個url。

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved