HashCode

Import Module#

The hash code component is styled for 64-bit design, and if the data given is less than or more than 64-bit, it may bring some differences in presentation.

Import Module#

module:

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

standalone:

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

Examples

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

The simplest usage.

expand codeexpand code
Loading...
HashCode
dfb5
fe9e
f7b9
9b2b
1db1
0211
····
a068

Replacement of styles.

expand codeexpand code
Loading...
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

Show only one row of data.

expand codeexpand code
Loading...
HashCode
dfb5
fe9e
f7b9
9b2b
1db1
0211
····
a068

Click on the copied icon.

expand codeexpand code
Loading...
dfb5fe9e
····
0199a068

dfb5fe9e
····
0199a068

In single-line mode, the original icon and top description are not displayed.

expand codeexpand code
Loading...
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

As in one-line mode, the original icon and top description will not be displayed.

expand codeexpand code
Loading...

API#

nz-hashCode#

PropertyDescriptionTypeDefault
[nzValue]The value of the hash codestring-
[nzTitle]Description of the content in the upper left cornerstringHashCode
[nzLogo]Display in the upper right cornerTemplateRef<void> | string-
[nzMode]Demonstration Modesingle | double | strip | rectdouble
[nzType]styledefalut | primaryprimary
(nzOnCopy)Clicking the Copy callbackEventEmitter<string>-