如何删除中文字符并在角度模板中仅显示秒数？

Question

我正在使用ngx-countdown npm模块在模板上显示倒数计时器，并且只想显示秒数，并去除显示的小时，分​​钟和汉字。我怎样才能做到这一点？

<div id="snackbar" class="show">
  <countdown [config]="{leftTime: 30}"></countdown>
</div>

Answer 1

我已经找到答案了。只需添加$!s!，具体表示秒即可。

<div id="snackbar" class="show">
  <countdown [config]="{leftTime: 30}">$!s!</countdown>
</div>

Answer 2

如果要全局配置，只需将代码添加到module.ts文件中即可；

function countdownConfigFactory(): Config {
return { template: `$!h!:$!m!:$!s!` };
}

@NgModule({
  imports: [ CountdownModule ],
  providers: [
  { provide: CountdownConfig, useFactory: countdownConfigFactory }
  ],
})
export class AppDemoModule {}