angularjs – ng重复模板导致404(未找到)
发布时间:2020-12-17 08:07:41 所属栏目:安全 来源:网络整理
导读:我有一个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
我有一个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。这样,当模型数据可用时,浏览器将加载它。
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |