HTML Encoder for Angular Developers

import { Component } from '@angular/core';
import { FormsModule } from '@angular/forms';

@Component({
  selector: 'app-html-encoder',
  standalone: true,
  imports: [FormsModule],
  template: `
    <select [(ngModel)]="mode"><option value="encode">Encode</option><option value="decode">Decode</option></select>
    <textarea [(ngModel)]="input" rows="4"></textarea>
    <pre>{{ result }}</pre>
  `,
})
export class HtmlEncoderComponent {
  input = ''; mode: 'encode' | 'decode' = 'encode';
  get result() {
    const d = document.createElement('div');
    if (this.mode === 'encode') { d.textContent = this.input; return d.innerHTML; }
    else { d.innerHTML = this.input; return d.textContent ?? ''; }
  }
}