的时刻给了我角度5 html模板中的错误

Question

我在角度5中使用了矩v2.22.0，这就是我将其导入模块中的方式-

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: () => any;

Answer 3

尝试将moment导入为：

import  moment from 'moment';

HTML：

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

TS：

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

Answer 4

删除* as表单导入

要从moment来安装npm install moment --save

Stackblitz Demo

import  moment from 'moment';

export class ChatComponent {
  moment: any = moment;
}

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

Answer 5

不要使用any，在没有声明的情况下声明

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