angular beta html parser not correctly processing <pre> tag

[afvieira]

<pre>
  test
</pre>

EXCEPTION: Template parse errors:...

I include:

<script src="../node_modules/angular2/bundles/angular2.dev.js"></script> 
<script src="../node_modules/angular2/bundles/router.dev.js"></script>
<script src="../node_modules/angular2/bundles/http.dev.js"></script>
<script src="../node_modules/angular2/bundles/angular2-polyfills.js"></script>

[PatrickJS]

please include the polyfills first before angular2

[afvieira]

<script src="../node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="../node_modules/angular2/bundles/angular2.dev.js"></script>
<script src="../node_modules/angular2/bundles/router.dev.js"></script>
<script src="../node_modules/angular2/bundles/http.dev.js"></script>

still doesn't work.

[pkozlowski-opensource]

@afvieira could you please try to reproduce it in plunker? I can't reproduce it, see here: http://plnkr.co/edit/MCQhhmEQzpSDaK5vAZq4?p=preview (at least not in chrome / ffox)

[PatrickJS]

could you include es6-shim before the angular2-polyfills
<script src="../node_modules/es6-shim/es6-shim.js"></script>

[afvieira]

@gdi2290 still doesn´t work.

Making using of @pkozlowski-opensource plunkr I reproduce the problem: http://plnkr.co/edit/kveXXFQyf04GMruDpndd?p=preview

[wesleycho]

One probably should not be nesting a <pre> tag inside a <p> tag - I believe this is invalid HTML.

[PatrickJS]

@afvieira wrap all pre tags with code tags
http://plnkr.co/edit/DlksARoVGMY1sVP85QWb?p=preview

[vicb]

One probably should not be nesting a <pre> tag inside a <p> tag - I believe this is invalid HTML.

This is the root cause of the issue, see http://www.w3.org/TR/html5/syntax.html#optional-tags

<p><pre>...</pre></p> is equivalent to <p></p><pre>...</pre></p>, you then have a closing p without the matching opening tag which trigger the issue.

Yes if you have

ERROR

<p>
  <pre>
    {{ data | json }}
  </pre>
</p>

WORKS

<div>
  <pre>
    {{ data | json }}
  </pre>
</div>

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}