如何在Angular 6+命令行界面中使用Handlebars.js？

npm install handlebars --save

<div>
  <h1>{{title}}</h1>
  <p>{{description}}</p>
</div>

import { Component, OnInit } from '@angular/core';
import * as Handlebars from 'handlebars';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
  template: string;
  data: any;

  constructor() {
    this.template = `<div>
                        <h1>{{title}}</h1>
                        <p>{{description}}</p>
                      </div>`;
    this.data = {
      title: 'Hello World',
      description: 'This is a sample description.'
    };
  }

  ngOnInit(): void {
    const compiledTemplate = Handlebars.compile(this.template);
    const htmlOutput = compiledTemplate(this.data);
    document.getElementById('output').innerHTML = htmlOutput;
  }
}

<div id="output"></div>