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。