angularjs - ng 繰り返しテンプレートは 404 (見つかりません) を引き起こします

Question

私は 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>

コンソールを確認すると、ファイルimages/news/{{article.id}}.jpgの 404 not found エラーが表示されます

この問題を防ぐにはどうすればよいですか?

ありがとう

Answer 1

画像リソースng-srcの代わりに使用します。srcそうすれば、モデル データが利用可能になったときにブラウザがそれをロードします。