Html 如何从角度为8+；的字符串渲染模板；？

我想写一个博客系统，作者可以像这样在他们的文章中插入一些自定义的角度组件：

<p><b>Please solve this task!</b></p>
<task question="How much is 2+4?" answer="6"></task>

请解决此任务

因此，任务组件将显示问题和一个输入标记以检查用户的答案

我找到了一篇关于此的博客文章，但它似乎不支持输入绑定：

对我来说，只有静态属性是可以的，但我必须找到一种方法将数据传递给嵌入式组件

---

还有一个很好的解决方案称为ng dynamic，但它不再维护，我无法让它工作：

我按照本页上的说明操作： 问题是我无法读取带有@Input属性的属性。相反，我使用elementRef读取输入：

import {Component, ElementRef, Input, OnInit} from '@angular/core';

@Component({
  selector: 'test',
  templateUrl: './test.component.html',
})
export class TestComponent implements OnInit {
  constructor( private elementRef: ElementRef) {
    let el: HTMLElement = this.elementRef.nativeElement;
    console.log(el.getAttribute("question"));
    this.question = el.getAttribute("question");
    this.answer = el.getAttribute("answer");
  }

  @Input() question;
  @Input() answer;
  isHidden = false;

  ngOnInit() {
  }
}

我仍然不知道如何使用内容投影