HashCode哈希码

何时使用#

  • 哈希码组件是以 64 位设计的样式,如果给出的数据不足或者高于 64 位,可能会带来一些展示上的差异。

引入模块#

module:

import { NzHashCodeModule } from 'ng-zorro-antd/hash-code';

standalone:

import { NzHashCodeComponent } from 'ng-zorro-antd/hash-code';

代码演示

HashCode
dfb5
fe9e
f7b9
9b2b
1db1
0211
····
a068

最简单的用法。

expand codeexpand code
加载中
HashCode
dfb5
fe9e
f7b9
9b2b
1db1
0211
····
a068

更换样式。

expand codeexpand code
加载中
HashCode
dfb5
fe9e
f7b9
9b2b
1db1
0211
4a6d
7d44
5d99
2f40
a5d5
75f8
01c1
4899
0199
a068

HashCode
dfb5
fe9e
f7b9
9b2b
1db1
0211
4a6d
7d44
5d99
2f40
a5d5
75f8
01c1
4899
0199
a068

仅展示一行数据。

expand codeexpand code
加载中
HashCode
dfb5
fe9e
f7b9
9b2b
1db1
0211
····
a068

点击复制的 icon

expand codeexpand code
加载中
dfb5fe9e
····
0199a068

dfb5fe9e
····
0199a068

在单行模式下,不会展示原有的 icon 和顶部描述内容。

expand codeexpand code
加载中
dfb5
fe9e
f7b9
9b2b
1db1
0211
4a6d
7d44
5d99
2f40
a5d5
75f8
01c1
4899
0199
a068

dfb5
fe9e
f7b9
9b2b
1db1
0211
4a6d
7d44
5d99
2f40
a5d5
75f8
01c1
4899
0199
a068

同单行模式一样,不会展示原有的 icon 和顶部描述内容

expand codeexpand code
加载中

API#

nz-hashCode#

参数说明类型默认值
[nzValue]哈希码的值string-
[nzTitle]左上角的描述内容stringHashCode
[nzLogo]右上角的展示TemplateRef<void> | string-
[nzMode]展示模式single | double | strip | rectdouble
[nzType]样式defalut | primaryprimary
(nzOnCopy)点击"复制"的回调EventEmitter<string>-