Html 角p元素作为模板内的根元素

我正试图遵循Angular的介绍性“英雄之旅”教程。 在“”部分中，您应该更改heromes.component.html模板的内容

---

{{hero}}

嗯，好吧，我只是把这个贴出来，留着以后参考。与棱角无关。我从来没有意识到我是不被允许这样做的

javascript控制台中有一个我忽略的错误。事情是这样的：

未捕获错误：模板分析错误： 意外结束标记“p”。当标记已被另一个标记关闭时，可能会发生这种情况。有关更多信息，请参阅

通过搜索，我发现了Angular，事实上整个HTML规范都不喜欢带有非文本元素的子元素的p标记——据我所知，它是一个应该用于立即格式化的标记，比如B，而不是用于构建结构或布局。关于这个问题有广泛的讨论