在 Angular 中，为了安全起见，不允许在 HTML 模板中直接嵌入 Javascript 代码。如果确实需要在 HTML 中执行 Javascript，可以使用以下两种方法：

1. 创建一个 Angular 指令来包装 Javascript 代码，并将这个指令添加到 HTML 元素中。这样做可以确保 Javascript 代码只在安全的上下文中执行，避免了跨站脚本攻击等问题。

示例代码：

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

@Directive({ selector: '[executeScript]' }) export class ExecuteScriptDirective implements OnInit { constructor(private elementRef: ElementRef) {}

ngOnInit(): void { const script = this.elementRef.nativeElement.textContent; eval(script); } }

使用：

2. 在 TypeScript 的类中编写 Javascript 代码，并在 HTML 模板中使用模板变量调用这个类。

示例代码：

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

@Component({ selector: 'app-hello-world', template:

使用：