Angular 2：爲什麼沒有空的元素標籤？

爲什麼我不能在我的ng2模板中使用空元素標籤。這與在sectionUrl中的文件相同。Angular 2：爲什麼沒有空的元素標籤？

<p></p> // OK 

<p/>  // NOK (endless "Loading...")

???

歡呼聲，克里斯

來源

2017-02-27 chris01

p標記不是在HTML非封閉元件。非關閉元件是例如img，input或br。如果你不關閉它 - 裝載會無休止地顯示，因爲編譯器會拋出一個模板解析錯誤：

Uncaught Error: Template parse errors: 
Only void and foreign elements can be self closed "p" (" 
</p> 
[ERROR ->]<p/>

來源

2017-02-27 13:11:13

我沒有看到這個錯誤。但是，編譯器通常會打印「構建成功」。我以「ng服務」開始。但永遠是「加載...」。我需要設置一些東西嗎？ – chris01

@ chris01打開控制檯，你會看到它。 –

我看到了，它在瀏覽器的JS控制檯中，謝謝！ – chris01

Angular2只允許在組件模板有效的HTML5。

也https://stackoverflow.com/a/3558200/217408

看到在HTML5，的<foo />含義[取決於元素的類型] [1]。

在HTML元素被指定爲無效元素，結束標記被簡單地禁止。開始標記結尾的斜槓是允許的，但沒有意義。對於沉迷於XML的人（以及語法熒光筆），它只是語法糖。

在其他HTML元素中，斜槓是錯誤，但錯誤恢復將導致瀏覽器忽略它並將標記視爲常規開始標記。這通常會以丟失的結束標記結束，導致後續的元素成爲孩子而不是兄弟姐妹。

異質元素（從XML應用程序（如SVG導入））將其視爲自關閉語法。

[1]：https://www.w3.org/TR/html5/syntax.html#start-tags

來源

2017-02-27 13:13:15

Angular 2：爲什麼沒有空的元素標籤？

回答

相關問題