IMG SRC给出angular2

Question

我的代码模板解析错误如下图所示：

的test.html

<div class="q-img-container"> 
    <img id="q-order-img" src="../img/ic_truck.png" alt=""></img> 
</div> 

但它给了我以下错误：

"Unhandled Promise rejection:" 
"Template parse errors: 
Void elements do not have end tags "img" ("iv class="q-img-container"> 
       <img id="q-order-img" src="../img/ic_truck.png" alt="">[ERROR ->]</img> 
      </div> 

我的目录结构如下：

---app 
------img 
----------ic_truck.png 
------template 
----------test.html 

我在这里错过了什么？

Answer 1

img标记是void element。此类元素不能有有任何内容，禁止关闭（W3C recommendation）。

如错误消息所示，请删除结束标记</img>。

只需使用以下

<img id="q-order-img" src="../img/ic_truck.png" alt=""> 

请参考this answer。