1 Star 0 Fork 1

zhikol / ng-alain

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
pipe.md 1.26 KB
一键复制 编辑 原始数据 按行查看 历史
cipchk 提交于 2017-09-17 16:26 . doc: update pipe & upgrade summary.

接地气Pipe

_currenty 货币

_currency 货币格式化,简化原 currency 针对中文货币格式化问题,使用方式同 currenty 一样。

{{data.price | _currency}}

输出:

¥4,035,173.71

别忘记在根模块中注册语言环境:

// code see: https://github.com/unicode-cldr/cldr-core/blob/master/availableLocales.json
{ provide: LOCALE_ID, useValue: 'zh-Hans' }

_date 货币

基于 moment 日期格式化,显示更多细节参考:http://momentjs.com/docs/#/displaying

最大好处是 moment 支持不同种类的时间格式,例如:

  • 2017-08-24 18:08:20
  • 2017-08-24
  • 20170824
  • 1503571962333

等等。

{{data.registered | _date: 'YYYY年MM月DD日'}}

输出:

2017年08月24日

keys 将对象数组化

例如:

const data = { name: 'cipchk', address: { city: 'shanghai', district: 'changning' } };

变成可迭代对象:

<div *ngFor="let item of data | keys">{{item.value.city}} {{item.value.district}}</div>

yn 将boolean类型徽章化

<td [innerHTML]="enabled | yn"></td>
Output: 
<td><span class="badge badge-success"></span></td>
1
https://gitee.com/zhikol/ng-alain.git
git@gitee.com:zhikol/ng-alain.git
zhikol
ng-alain
ng-alain
master

搜索帮助