title: How to add code snippet to Angular html template?
body: <p>I would like to show some angular code on web page like</p>
  
  <pre><code>      import { Pipe, PipeTransform } from '@angular/core';
  
        @Pipe({name: 'reverseStr'})
        export class ReverseStr implements PipeTransform {
            transform(value: string): string {
            let newStr: string = "";
            for (var i = value.length - 1; i &gt;= 0; i--) {
                newStr += value.charAt(i);
            }
            return newStr;
            }
        }
  
  </code></pre>
  
  <p>If I just add it as it is (or wrap with ordinary html tags), it breaks the app. How to fix it?
  Also can I add language-related coloring to the snippet? </p>