包含Javascript的Angular 7组件模板

我有以下代码：

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

@Component({
  selector: 'app-dinner',
  template: '<h2>Test</h2> <script>alert("Test");</script>',
  //templateUrl: './dinner.component.html',
  styleUrls: ['./dinner.component.css']
})
export class DinnerComponent implements OnInit {

   status = true;

  constructor() { }

  ngOnInit() {
    this.status = true;
  }

}

结果将创建一个新组件，并去除所有ng和脚本标记

---

[最终编辑]-我认为这个问题不再相关，因为我相信任何黑客解决方案都可能会破坏一些OWASP建议，并违反Angular 7的架构原则。

您可以在ngOnInit内部的组件加载中包含您想要触发的任何js

您在最终编辑中是正确的，但是您可以在index.html中加载任何您想要的javascript标记，或者加载任何您的根html；您只是不能在单个组件中实现，实际上，您不需要这样做

<h2 _ngcontent-c2="">Test</h2>

const compMetadata = new Component({
            selector: 'dynamic-html',
            template: this.html,
          });