ngNonBindable не работает в угловом-2

Question

Я хочу отобразить исходный код, используя Google довольно печатать внутри моего компонента приложения. Я использую ngNonBindable в теге pre. но он дает ошибку при запуске компиляции/страницы.

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

Check Demo Здесь: https://plnkr.co/edit/PPChFemU6HnXDBQohIsj?p=preview

---

Для отображения .ts кода, Вы можете использовать DomSanitizer, чтобы показать то, что вы хотите.

import {Component, NgModule, Pipe, PipeTransform} from '@angular/core' 
import {BrowserModule} from '@angular/platform-browser' 
import { FormsModule } from '@angular/forms'; 

import { DomSanitizer, SafeHtml } from '@angular/platform-browser' 

@Component({ 
    selector: 'my-app', 
    template: ` 
    <pre [innerHtml]="html"> 
    </pre> 
    `, 
}) 
export class App { 
    name:string; 
    html: SafeHtml; 
    constructor(private sanitized: DomSanitizer) { 

    this.html = ` 
    import {Component, NgModule, Pipe, PipeTransform} from '@angular/core' 
    import {BrowserModule} from '@angular/platform-browser' 
    import { FormsModule } from '@angular/forms'; 

    @Component({ 
    selector: 'my-app', 
    template:' 
     <span> Angular2 </span> 
    ' 
    }) 
    `; 


    this.html = this.sanitized.bypassSecurityTrustHtml(this.html); 
    } 

}