angularjs – ng重复模板导致404(未找到)

前端之家收集整理的这篇文章主要介绍了angularjs – ng重复模板导致404(未找到)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个ng中继器,我为文章列表页面定义了一个列表项模板:
<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>

当我检查控制台时,我看到404找不到错误文件images / news / {{article.id}}。jpg

如何防止这个问题?

谢谢

对于图像资源使用ng-src而不是src。这样,当模型数据可用时,浏览器将加载它。

猜你在找的Angularjs相关文章