2013-06-13 34 views
16

Bir ng tekrarlayıcı ettik ve ben bir makale listesi sayfası için bir liste öğesi şablonu tanımlı:ng tekrar şablonu neden 404 (Bulunamadı)

<ul class="article_list"> 
    <li ng-repeat="article in articles | filter:search"> 
     <a href="#" title="article title here"> 
     <span class="date"> 
      <span class="month">{{ article.dt_month }}</span> 
      <span class="day">{{ article.dt_day }}</span> 
      <span class="year">{{ article.dt_year }}</span> 
     </span> 
     <img src="images/news/{{ article.id }}.jpg" alt="{{ article.title }}" class="thumb" /> 
     <div class="summary"> 
      <span class="article_title">{{ article.title }}</span> 
      <span class="short">{{ article.content }}...</span> 
     </div> 
     </a> 
    </li> 
    <li ng-show="(articles | filter:search).length==0">No article found</li> 
    </ul> 

Ben konsolu işaretlendiğinde ben 404 bulunamadı hatası için bkz dosya images/news/{{article.id}} jpg

Bu sorunu nasıl önleyebilirim?

Teşekkür

cevap

50

görüntü kaynakları için kullanın ng-src yerine src. Bu şekilde, model verileri mevcut olduğunda tarayıcı yüklenir. çözelti için

+3

sayesinde. – dvdmn

+0

Bir şey değil. – mbanzon

+0

+1 bu harika! – Neo

İlgili konular