img src 在 angular2 中给出模板解析错误

Question

我的代码如下所示：

测试.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 建议）。

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

只需使用以下

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

请参考这个答案。