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
    directive
    src=“images/vector/Appliances/w-{appliance.DashboardIcon}}}.svg”
    here
    {appliance.DashboardIcon}
    是字符串的一部分,因此它不会被解析。非常感谢,您在vidriduchI上找到了第一个答案:)