javascript - angular2模板中的模板解析错误

Question

我的 Angular 2 组件有以下模板，但它抛出模板解析错误。

<div *ngIf="chapter == 1">
        <p><h4><br><b>Exercise</b>: Get the Groceries starting point<br></h4></p>
</div>

这是错误消息 - 我的 </p> 怎么了？标签？

zone.js:461 Unhandled Promise rejection: Template parse errors: Unexpected closing tag "p" ("gIf="chapter == 1">

   <p><h4><br><b>Exercise</b>: Get the Groceries starting point<br></h4>

[ERROR ->]

</div>

"): chapterComponent@45:77 ; Zone: ; Task: Promise.then ; Value: BaseException {message: "Template parse errors:↵Unexpected closing tag "p" …ROR ->]

↵ ↵ ↵"): chapterComponent@45:77", stack: "Error: Template parse errors:↵Unexpected closing t…st:3000/node_modules/zone.js/dist/zone.js:426:22)"}consoleError @ zone.js:461_loop_1 @ zone.js:490drainMicroTaskQueue @ zone.js:494ZoneTask.invoke @ zone.js:426 zone.js:463 Error: Uncaught (in promise): Template parse errors:(…)consoleError @ zone.js:463_loop_1 @ zone.js:490drainMicroTaskQueue @ zone.js:494ZoneTask.invoke @ zone.js:426

Answer 1

问题是您段落中的标题 h4!它不是有效的 HTML 代码。

https://stackoverflow.com/a/15656988/3631348

不用那个 p 就可以吗？!或者将标题移到您的段落之前..

<h4><br><b>Exercise</b>: Get the Groceries starting point<br></h4>