[英]AngularJS ng-repeat array error
我是AngularJS的新手,并且正在使用node.JS进行尝试。
我的第一次尝试很简单。 我使用数组来显示带有ng-repeat的图像。 它正在工作,但是由于某些原因,当我加载页面时,我遇到一个错误。
这是我的html:
<footer ng-app="footIcon" ng-init="icons =[
{name: 'Node.js', file: 'node_ico.png', title: 'Serveur Web JavaScript'},
{name: 'AngularJS', file: 'angular_ico.png', title: 'Programmation Javascrit Angulaire'},
{name: 'HTML 5', file: 'html5_ico.png', title: 'Hyper Text Markup Language Version 5'},
{name: 'CSS 3', file: 'css3_ico.png', title: 'Cascade Style Sheet Version 3'},
{name: 'JavaScript', file: 'js_ico.png', title: 'JavaScript'},
{name: 'JQuery', file: 'jquery_ico.png', title: 'Write less do more'},
{name: 'Bootstrap', file: 'bootstrap_ico.png', title: 'CSS Template'},
{name: 'Arduino', file: 'arduino_ico.png', title: 'Votre programmation rejoint le monde physique'},
{name: 'Raspberry Pi', file: 'pi_ico.png', title: 'Ordinateur de poche propulsé par Linux'}
]">
<div class="container" >
<div class="row">
<div ng-repeat = "icon in icons" class="col-lg-1 col-md-1 col-sm-3 col-xs-6">
<img src="images/{{icon.file}}" alt="{{icon.name}}" title="{{icon.title}}">
</div>
</div>
</div>
</footer>
页面显示正确,但控制台返回;
GET file:///C:/NODE/www/images/%7B%7Bicon.file%7D%7D net::ERR_FILE_NOT_FOUND
我试图将我的脚本标签(链接到angular的脚本标签)放在页面的顶部(以便在代码发生之前加载它),但是当我这样做时,却两次遇到此错误。
我的ng-app仅包含最低要求:
var footIcon = angular.module('footIcon', []);
为什么会出现此错误?
在img
标签中使用ng-src
而不是src
。
参考: https : //docs.angularjs.org/api/ng/directive/ngSrc
发生的情况是,当您的页面加载时,浏览器尝试使用模板包含的源(即images/{{icon.file}}
加载img
标签,而浏览器无法找到该images/{{icon.file}}
错误。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.