时刻在角度 5 HTML 模板中给了我错误

Question

>我在角度 2.22.0 中使用 moment v5，这就是我在模块中导入它的方式 -

import * as moment from 'moment';

并在组件中将其用作 -

export class ChatComponent {
.
.
.
public moment: any = moment;
.
.
}

当我在 html 模板中使用它时 -

<div>{{moment(activeTeam.createdAt).format('LL')}}</div>

它给了我一条错误消息——

[Angular] Member 'moment' is not callable

谁能告诉我我做错了什么！！

Answer 1

cli (在控制台中运行(

// install moment js
npm install moment --save

组件声明 (TS(

// import and declare moment
import * as moment from 'moment';
moment: any = moment;

模板文件 (HTML(

// template syntax
<p>{{moment(date_time_variable).format('ll')}}</p>

Answer 2

尝试将moment导入为：

import  moment from 'moment';

.HTML：

<div>{{getFormat(activeTeam)}}</div>

TS：

getFormat(activeTeam){
return moment(activeTeam.createdAt).format('LL')
}

Answer 3

不要使用any，没有它就声明

import * as moment from 'moment';
moment = moment;

Answer 4

不要将 moment 的类型声明为 any，而是将其声明为moment: () => any;

Answer 5

删除表单导入* as

对于从npm install moment --save安装moment

堆栈闪电战演示

import  moment from 'moment';
export class ChatComponent {
moment: any = moment;
}
<div>{{moment(activeTeam.createdAt).format('LL')}}</div>