angular8 管道

最新推荐文章于 2024-09-18 02:32:40 发布

原创最新推荐文章于 2024-09-18 02:32:40 发布 · 555 阅读

0 ·

CC 4.0 BY-SA版权

angular8 专栏收录该内容

21 篇文章

订阅专栏

本文深入讲解Angular中的管道功能，展示了如何使用管道进行日期格式化、货币格式化等常见任务，同时分享了一个关于时间处理的自定义管道实例。

管道的作用就是在视图上提供便利的值变换的方法。

{{obj | json}}
{{date | date : 'MM-DD'}}
{{price | currency : 'CNY':'symbol':'4.0-2'}}

app.module.ts

import localZh from '@angular/common/locals/zh-Hans';
import { registerLocaleData } from '@angular/common';
providers:[
    {
        provide:LOCALE_ID,
        useValue:'zh-Hans'
    }
]
export class AppModule { 
   constructor(){
      registerLocaleData(localZh,'zh')
   }
}

git 一个以前时间的管道：https://github.com/yyk316507/angualr8-demo