Question

我正在查看一些代码，并且我遇到了一个开发人员为Angular组件添加了占位符的实例。

<div>
  <!someAngularComponent/>
</div>

这与<someAngularComponent/>包装在标准结构中的行为完全相同。

在标记的开头添加一个!似乎有一些特殊含义 - 请参阅https://stackoverflow.com/a/16324326/217490。这种用法是注释掉元素的有效方法，还是主要是副作用？

Answer 1

某些浏览器可能会将其作为评论支持，但它不是有效的HTML。您可以通过W3C的验证程序运行代码，以查看：https://validator.w3.org/nu/#textarea

<!doctype html>
<html>
<head>
<title>Test</title>
</head>
<body>
<div>
<!someAngularComponent/>
</div>
</body>
</html>

这会引发错误：

错误：Bogus评论。

第8行第3栏

body↩div↩！someAngularComp

根据您的受众群体，您可能需要在多个浏览器中对其进行测试，但我可能只是推荐标准注释语法，因此没有风险。