模板解析angular2模板中的错误

时间:2016-08-18 22:31:56

标签: javascript html angular angular2-template

我的角度2组件有以下模板,但它抛出了模板解析错误。

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

这是错误消息 - 我的</p>代码有什么问题?

  

zone.js:461未处理的承诺拒绝:模板解析错误:   意外的结束标记&#34; p&#34; (&#34; gIf =&#34;章节== 1&#34;&gt;

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

[错误 - &gt;]

</div>
     

&#34;):chapterComponent @ 45:77;区域:;任务:Promise.then;值:BaseException {message:&#34;模板解析错误:↵意外结束标记&#34; p&#34; ...... ROR - &gt;]

  ↵   ↵   ↵&#34;):chapterComponent @ 45:77&#34;,stack:&#34;错误:模板解析错误:↵意外关闭t ... st:3000 / node_modules / zone.js / dist / zone.js:426 :22)&#34;} consoleError @ zone.js:461_loop_1 @ zone.js:490drainMicroTaskQueue @ zone.js:494ZoneTask.invoke @ zone.js:426   zone.js:463错误:未捕获(在保证中):模板解析错误:(...)consoleError @ zone.js:463_loop_1 @ zone.js:490drainMicroTaskQueue @ zone.js:494ZoneTask.invoke @ zone.js:426

1 个答案:

答案 0 :(得分:1)

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

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

没有那个p吗?或者在你的段落之前移动标题..

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