Javascript AngularJS未正确解析大括号
Javascript AngularJS未正确解析大括号,javascript,angularjs,Javascript,Angularjs,{{appliance.Label} 您必须使用ng src,如果使用src,浏览器会在加载angular之前尝试加载图像,这就是ng src存在的原因 <img ng-src="images/vector/Appliances/w-{{appliance.DashboardIcon}}.svg"> 在此处改用ng srcsrc <img ng-src="images/vector/Appliances/w-{{appliance.DashboardIcon}}.svg"&
{{appliance.Label}
您必须使用ng src
,如果使用src,浏览器会在加载angular之前尝试加载图像,这就是ng src存在的原因
<img ng-src="images/vector/Appliances/w-{{appliance.DashboardIcon}}.svg">
在此处改用ng src
src
<img ng-src="images/vector/Appliances/w-{{appliance.DashboardIcon}}.svg">
在src属性中使用像{{hash}}这样的角度标记是行不通的
右图:浏览器将从URL获取文本
{{hash}}直到Angular替换了{{hash}内的表达式。这个
ngSrc指令解决了这个问题
编写它的错误方式:
<img src="http://www.gravatar.com/avatar/{{hash}}" alt="Description"/>
<img ng-src="http://www.gravatar.com/avatar/{{hash}}" alt="Description" />\\
正确的书写方法:
<img src="http://www.gravatar.com/avatar/{{hash}}" alt="Description"/>
<img ng-src="http://www.gravatar.com/avatar/{{hash}}" alt="Description" />\\
\\
有关更多信息,请参见此链接Use
ng src
directivesrc=“images/vector/Appliances/w-{appliance.DashboardIcon}}}.svg”
here{appliance.DashboardIcon}
是字符串的一部分,因此它不会被解析。非常感谢,您在vidriduchI上找到了第一个答案:)