如何在Angular HTML文件中执行javascript

Question

我试图在angular客户端解析日期，但当我尝试运行客户端javascript代码时，我得到了一个错误：Property 'Date' does not exist on type。为什么我不能在有角度的HTML文件中运行js代码？

这里有一个例子：

// myComponent.component.html
<code>{{Date.parse("Thursday Sep 12 2022")}}</code>

我想要的结果应该是一个div，其中包含一个以毫秒为单位的字符串

Answer 1

有几种方法：

• 首先是在类内部创建一个属性，并在模板中使用它

export class TestComponent {
Date = Date
}

，然后在模板内部像一样使用它

{日期.解析("2022年9月12日星期四"(}

• 第二步是创建一个函数

export class TestComponent {
convertDate(data: string): Date {
return Date.parse(data);
}
}}

，然后在模板内部像一样使用它

{{convertDate("2022年9月12日星期四"(}

• 第三种是使用管道(像DatePipe这样的标准管道(或创建自己的管道

从"@angular/core"导入｛Pipe，PipeTransform｝；

@管道(｛name:"customDatePipe"｝(导出类CustomDatePipe实现了PipeTransform{transform(值：字符串(：日期{return Date.parse(数据(.｝}

，然后在模板内部像一样使用它

{"2022年9月12日星期四"|customDatePipe(}}