Question

我想在我的应用组件中使用google pretty print显示源代码。我正在使用ngNonBindable＆＃39; pre＆＃39;标签。但它在编译/页面运行时会出错。

zone.js:388Unhandled Promise rejection: Template parse errors:
Unexpected character "EOF" (Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.) ("
<div id="routerContainer">
    <router-outlet></router-outlet>
</div>[ERROR ->]"): AppComponent@37:6
Invalid ICU message. Missing '}'. ("
<div id="routerContainer">
    <router-outlet></router-outlet>
</div>[ERROR ->]"): AppComponent@37:6 ; Zone: <root> ; Task: Promise.then ; Value: Error: Template parse errors:(…) Error: Template parse errors:
Unexpected character "EOF" (Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.) ("

我的HTML代码是

<pre class="prettyprint"  ngNonBindable>
    import {Component} from '@angular/core';                                    
</pre>

Answer 1

在此处查看演示：https://plnkr.co/edit/PPChFemU6HnXDBQohIsj?p=preview

要显示innerText代码，您可以使用 .ts 来显示您想要的内容。

DomSanitizer

ngNonBindable无法在angular-2中工作

1 个答案: