PageSourceSearch

https://preview-9186-ng-zorro-antd.surge.sh/experimental/pipes/en/

html preview-9186-ng-zorro-antd.surge.sh collected 2026-10-03 14:56:26 UTC 126,287 bytes, 76 lines download raw bytes

1<!doctype html><html lang="en" data-beasties-container><head>
2    <meta charset="utf-8">
3    <meta name="viewport" content="width=device-width,initial-scale=1">
4    <link rel="preconnect" href="https://gw.alipayobjects.com" crossorigin="anonymous">
5    <link rel="preconnect" href="https://img.alicdn.com" crossorigin="anonymous">
6    <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin="anonymous">
7    <link rel="preconnect" href="https://vars.hotjar.com">
8    <link rel="preconnect" href="https://script.hotjar.com">
9    <link rel="preconnect" href="https://www.google-analytics.com">
10    <link rel="dns-prefetch" href="https://www.google-analytics.com">
11    <link rel="preconnect" href="https://cdn.jsdelivr.net">
12    <link rel="preconnect" href="https://api.github.com">
13    <link rel="preload" href="https://script.hotjar.com/font-hotjar_5.65042d.woff2" as="font" type="font/woff2" crossorigin>
14
15    <meta name="apple-mobile-web-app-capable" content="yes">
16    <meta name="apple-mobile-web-app-status-bar-style" content="translucent">
17    <meta name="mobile-web-app-capable" content="yes">
18    <meta name="keywords" content="angular, ant design, ant, angular ant design, web, ui, components, ng, zorro, responsive, typescript, css, mobile web, open source, 组件库, 组件, UI 框架">
19    <meta name="author" content="NG-ZORRO Team">
20    <meta name="description" content="An enterprise-class UI design language and Angular-based implementation with a set of high-quality Angular components, one of best Angular UI library for enterprises">
21    <!--Twitter card metadata-->
22    <meta name="twitter:card" content="summary">
23    <meta name="twitter:site" content="@ng_zorro">
24    <meta name="twitter:creator" content="@ng_zorro">
25    <meta name="twitter:title" content="NG-ZORRO - Angular UI component library">
26    <meta name="twitter:description" content="An enterprise-class UI design language and Angular-based implementation with a set of high-quality Angular components, one of best Angular UI library for enterprises">
27    <meta name="twitter:image" content="https://ng.ant.design/assets/img/site-preview.png">
28    <!--Open Graph-->
29    <meta property="og:url" content="https://ng.ant.design/">
30    <meta property="og:type" content="website">
31    <meta property="og:title" content="NG-ZORRO - Angular UI component library">
32    <meta property="og:site_name" content="NG-ZORRO - Ant Design Of Angular">
33    <meta property="og:locale" content="en_US">
34    <meta property="og:description" content="An enterprise-class UI design language and Angular-based implementation with a set of high-quality Angular components, one of best Angular UI library for enterprises">
35    <meta property="og:image" content="https://ng.ant.design/assets/img/site-preview.png">
36    <meta property="og:image:secure_url" content="https://ng.ant.design/assets/img/site-preview.png">
37    <meta property="og:image:type" content="image/png">
38    <meta property="og:image:width" content="2048">
39    <meta property="og:image:height" content="1536">
40    <meta name="theme-color" content="#1890ff">
41
42    <link rel="icon shortcut" href="https://img.alicdn.com/tfs/TB1Jr2ASQvoK1RjSZFDXXXY3pXa-200-200.png" type="image/x-icon">
43    <link rel="apple-touch-icon" sizes="180x180" href="assets/icons/apple-icon-180.png">
44    <link rel="apple-touch-icon" sizes="167x167" href="assets/icons/apple-icon-167.png">
45    <link rel="apple-touch-icon" sizes="152x152" href="assets/icons/apple-icon-152.png">
46    <link rel="apple-touch-icon" sizes="120x120" href="assets/icons/apple-icon-120.png">
47    <link rel="manifest" href="manifest.json">
48    <title>NG-ZORRO - Angular UI component library</title>
49    <base href="/">
50    <!-- Hotjar Tracking Code for ng.ant.design -->
51    
51<script>!function(t,h,e,j,s,n){t.hj=t.hj||function(){(t.hj.q=t.hj.q||[]).push(arguments)},t._hjSettings={hjid:792689,hjsv:6},s=h.getElementsByTagName("head")[0],(n=h.createElement("script")).async=1,n.src="https://static.hotjar.com/c/hotjar-"+t._hjSettings.hjid+".js?sv="+t._hjSettings.hjsv,s.appendChild(n)}(window,document)</script>
51
52
53    <style>.preload *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important}</style>
54  <style>html{--ant-primary-color:#1890ff;--ant-primary-color-hover:#40a9ff;--ant-primary-color-active:#096dd9;--ant-primary-color-outline:rgba(24, 144, 255, .2);--ant-primary-1:#e6f7ff;--ant-primary-2:#bae7ff;--ant-primary-3:#91d5ff;--ant-primary-4:#69c0ff;--ant-primary-5:#40a9ff;--ant-primary-6:#1890ff;--ant-primary-7:#096dd9;--ant-primary-color-deprecated-pure: ;--ant-primary-color-deprecated-l-35:#cbe6ff;--ant-primary-color-deprecated-l-20:#7ec1ff;--ant-primary-color-deprecated-t-20:#46a6ff;--ant-primary-color-deprecated-t-50:#8cc8ff;--ant-primary-color-deprecated-f-12:rgba(24, 144, 255, .12);--ant-primary-color-active-deprecated-f-30:rgba(230, 247, 255, .3);--ant-primary-color-active-deprecated-d-02:#dcf4ff;--ant-success-color:#52c41a;--ant-success-color-hover:#73d13d;--ant-success-color-active:#389e0d;--ant-success-color-outline:rgba(82, 196, 26, .2);--ant-success-color-deprecated-bg:#f6ffed;--ant-success-color-deprecated-border:#b7eb8f;--ant-error-color:#ff4d4f;--ant-error-color-hover:#ff7875;--ant-error-color-active:#d9363e;--ant-error-color-outline:rgba(255, 77, 79, .2);--ant-error-color-deprecated-bg:#fff2f0;--ant-error-color-deprecated-border:#ffccc7;--ant-warning-color:#faad14;--ant-warning-color-hover:#ffc53d;--ant-warning-color-active:#d48806;--ant-warning-color-outline:rgba(250, 173, 20, .2);--ant-warning-color-deprecated-bg:#fffbe6;--ant-warning-color-deprecated-border:#ffe58f;--ant-info-color:#1890ff;--ant-info-color-deprecated-bg:#e6f7ff;--ant-info-color-deprecated-border:#91d5ff}[class*=ant-] input::-ms-clear,[class*=ant-] input::-ms-reveal,[class^=ant-] input::-ms-clear,[class^=ant-] input::-ms-reveal{display:none}body,html{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}body{margin:0;color:#000000d9;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-variant:tabular-nums;line-height:1.5715;background-color:#fff;font-feature-settings:"tnum"}[tabindex="-1"]:focus{outline:0!important}h1,h2,h3{margin-top:0;margin-bottom:.5em;color:#000000d9;font-weight:500}p{margin-top:0;margin-bottom:1em}input[type=text]{-webkit-appearance:none}ul{margin-top:0;margin-bottom:1em}ul ul{margin-bottom:0}blockquote{margin:0 0 1em}strong{font-weight:bolder}a{color:var(--ant-primary-color);text-decoration:none;background-color:transparent;outline:0;cursor:pointer;transition:color .3s;-webkit-text-decoration-skip:objects}a:hover{color:var(--ant-primary-color-hover)}a:active{color:var(--ant-primary-color-active)}a:active,a:hover{text-decoration:none;outline:0}a:focus{text-decoration:none;outline:0}code,pre{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}img{vertical-align:middle;border-style:none}a,button,input:not([type=range]){touch-action:manipulation}table{border-collapse:collapse}button,input{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button{text-transform:none}button{-webkit-appearance:button}button::-moz-focus-inner{padding:0;border-style:none}[hidden]{display:none!important}.clearfix:before{display:table;content:""}.clearfix:after{display:table;clear:both;content:""}.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.anticon>*{line-height:1}.anticon svg{display:inline-block}.anticon:before{display:none}html{--antd-wave-shadow-color:var(--ant-primary-color);--scroll-bar:0}nz-affix{display:block}.ant-anchor{box-sizing:border-box;margin:0;color:#000000d9;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:relative;padding:0 0 0 2px}.ant-anchor-wrapper{margin-left:-4px;padding-left:4px;overflow:auto;background-color:transparent}.ant-anchor-ink{position:absolute;top:0;left:0;height:100%}.ant-anchor-ink:before{position:relative;display:block;width:2px;height:100%;margin:0 auto;background-color:#0000000f;content:" "}.ant-anchor-ink-ball{position:absolute;
54left:50%;display:none;width:8px;height:8px;background-color:#fff;border:2px solid var(--ant-primary-color);border-radius:8px;transform:translate(-50%);transition:top .3s ease-in-out}.ant-anchor-link{padding:4px 0 4px 16px}.ant-anchor-link-title{position:relative;display:block;margin-bottom:3px;overflow:hidden;color:#000000d9;white-space:nowrap;text-overflow:ellipsis;transition:all .3s}.ant-anchor-link-title:only-child{margin-bottom:0}nz-link{display:block}.ant-avatar{box-sizing:border-box;margin:0;padding:0;color:#000000d9;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:relative;display:inline-block;overflow:hidden;color:#fff;white-space:nowrap;text-align:center;vertical-align:middle;background:#ccc;width:32px;height:32px;line-height:32px;border-radius:50%}.ant-avatar.ant-avatar-icon{font-size:18px}.ant-avatar.ant-avatar-icon>.anticon{margin:0}.ant-btn{line-height:1.5715;position:relative;display:inline-block;font-weight:400;white-space:nowrap;text-align:center;background-image:none;border:1px solid transparent;box-shadow:0 2px #00000004;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;user-select:none;touch-action:manipulation;height:32px;padding:4px 15px;font-size:14px;border-radius:2px;color:#000000d9;border-color:#d9d9d9;background:#fff}.ant-btn>.anticon{line-height:1}.ant-btn,.ant-btn:active,.ant-btn:focus{outline:0}.ant-btn:not([disabled]):hover{text-decoration:none}.ant-btn:not([disabled]):active{outline:0;box-shadow:none}.ant-btn-sm{height:24px;padding:0 7px;font-size:14px;border-radius:2px}.ant-btn:focus,.ant-btn:hover{color:var(--ant-primary-color-hover);border-color:var(--ant-primary-color-hover);background:#fff}.ant-btn:active{color:var(--ant-primary-color-active);border-color:var(--ant-primary-color-active);background:#fff}.ant-btn:active,.ant-btn:focus,.ant-btn:hover{text-decoration:none;background:#fff}.ant-btn>span{display:inline-block}.ant-btn-text{color:#000000d9;border-color:transparent;background:0 0;box-shadow:none}.ant-btn-text:focus,.ant-btn-text:hover{color:var(--ant-primary-color-hover);border-color:var(--ant-primary-color-hover);background:0 0}.ant-btn-text:active{color:var(--ant-primary-color-active);border-color:var(--ant-primary-color-active);background:0 0}.ant-btn-text:focus,.ant-btn-text:hover{color:#000000d9;background:#00000005;border-color:transparent}.ant-btn-text:active{color:#000000d9;background:#00000007;border-color:transparent}.ant-btn:before{position:absolute;inset:-1px;z-index:1;display:none;background:#fff;border-radius:inherit;opacity:.35;transition:opacity .2s;content:"";pointer-events:none}.ant-btn .anticon{transition:margin-left .3s cubic-bezier(.645,.045,.355,1)}.ant-btn:active>span,.ant-btn:focus>span{position:relative}.ant-btn>.anticon+span{margin-left:8px}.ant-btn.ant-btn-background-ghost{color:#fff;border-color:#fff}.ant-btn.ant-btn-background-ghost,.ant-btn.ant-btn-background-ghost:active,.ant-btn.ant-btn-background-ghost:focus,.ant-btn.ant-btn-background-ghost:hover{background:0 0}.ant-btn.ant-btn-background-ghost:focus,.ant-btn.ant-btn-background-ghost:hover{color:var(--ant-primary-color-hover);border-color:var(--ant-primary-color-hover)}.ant-btn.ant-btn-background-ghost:active{color:var(--ant-primary-color-active);border-color:var(--ant-primary-color-active)}.ant-btn:empty{display:inline-block;width:0;visibility:hidden;content:"\a0"}a.ant-btn{padding-top:.01px!important;line-height:30px}a.ant-btn-sm{line-height:22px}.ant-descriptions-view{width:100%;border-radius:2px}.ant-descriptions-view table{width:100%;table-layout:fixed}.ant-descriptions-row>td{padding-bottom:16px}.ant-descriptions-row:last-child{border-bottom:none}.ant-descriptions-item-label{color:#000000d9;font-weight:400;font-size:14px;line-height:1.5715;text-align:start}.ant-descriptions-item-label:after{content:":";position:relative;top:-.5px;margin:0 8px 0 2px}.ant-descriptions-item-label.ant-descriptions-item-no-colon:after{content:" "}.ant-descriptions-item-content{display:table-cell;flex:1;color:#000000d9;font-size:14px;line-height:1.5715;word-break:break-word;overflow-wrap:break-word}.ant-descriptions-item{padding-bottom:0;vertical-align:top}.ant-descriptions-item-container{display:flex}.ant-descriptions-item-container .ant-descriptions-item-content,.ant-descriptions-item-container .ant-descriptions-item-label{display:inline-flex;align-items:baseline}.ant-descriptions-small .ant-descriptions-row>td{padding-bottom:8px}nz-descriptions{display:block}.ant-row{display:flex;flex-flow:row wrap;min-width:0}.ant-row:after,.ant-row:before{display:flex}.ant-col{position:relative;max-width:100%;min-height:1px}.ant-col-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-xs-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-xs-0{display:none}@media (min-width:576px){.ant-col-sm-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-sm-0{display:none}}@media (min-width:768px){.ant-col-md-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-md-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-md-6{display:block;flex:0 0 25%;max-width:25%}}@media (min-width:992px){.ant-col-lg-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-lg-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-lg-offset-6{margin-left:25%}}@media (min-width:1200px){.ant-col-xl-19{display:block;flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-xl-5{display:block;flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-xl-offset-5{margin-left:20.83333333%}}@media (min-width:1600px){.ant-col-xxl-20{display:block;flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-xxl-4{display:block;flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-xxl-offset-4{margin-left:16.66666667%}}.ant-input{box-sizing:border-box;margin:0;font-variant:tabular-nums;list-style:none;font-feature-settings:"tnum";position:relative;display:inline-block;width:100%;min-width:0;padding:4px 11px;color:#000000d9;font-size:14px;line-height:1.5715;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s}.ant-input::placeholder{color:#bfbfbf;-webkit-user-select:none;user-select:none}.ant-input:placeholder-shown{text-overflow:ellipsis}.ant-input:hover{border-color:var(--ant-primary-5);border-right-width:1px}.ant-input:focus{border-color:var(--ant-primary-color-hover);box-shadow:0 0 0 2px var(--ant-primary-color-outline);border-right-width:1px;outline:0}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ant-input{height:32px}}.ant-menu{box-sizing:border-box;margin:0;font-variant:tabular-nums;line-height:1.5715;font-feature-settings:"tnum";padding:0;color:#000000d9;font-size:14px;line-height:0;text-align:left;list-style:none;background:#fff;outline:0;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;transition:background .3s,width .3s cubic-bezier(.2,0,0,1) 0s}.ant-menu:before{display:table;content:""}.ant-menu:after{display:table;clear:both;content:""}.ant-menu.ant-menu-root:focus-visible{box-shadow:0 0 0 2px var(--ant-primary-2)}.ant-menu ul{margin:0;padding:0;list-style:none}.ant-menu-item-group-title{height:1.5715;padding:8px 16px;color:#00000073;font-size:14px;line-height:1.5715;transition:all .3s}.ant-menu-item:active{background:var(--ant-primary-1)}.ant-menu-title-content{transition:color .3s}.ant-menu-item a{color:#000000d9}.ant-menu-item a:hover{color:var(--ant-primary-color)}.ant-menu-item a:before{position:absolute;inset:0;background-color:transparent;content:""}.ant-menu-horizontal .ant-menu-item{margin-top:-1px}.ant-menu-horizontal>.ant-menu-item:hover{background-color:transparent}.ant-menu-item-selected,.ant-menu-item-selected a,.ant-menu-item-selected a:hover{color:var(--ant-primary-color)}.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{background-color:var(--ant-primary-1)}.ant-menu-inline{border-right:1px solid rgba(0,0,0,.06)}.ant-menu-horizontal .ant-menu-item{transition:border-color .3s,background .3s}.ant-menu-item{position:relative;display:block;margin:0;padding:0 20px;white-space:nowrap;cursor:pointer;transition:border-color .3s,background .3s,padding .3s cubic-bezier(.645,.045,.355,1)}.ant-menu-item:not(.ant-menu-item-disabled):focus-visible{box-shadow:0 0 0 2px var(--ant-primary-2)}.ant-menu-horizontal{line-height:46px;border:0;border-bottom:1px solid rgba(0,0,0,.06);box-shadow:none}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item{margin-top:-1px;margin-bottom:0;padding:0 20px}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover{color:var(--ant-primary-color)}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover:after{border-bottom:2px solid var(--ant-primary-color)}.ant-menu-horizontal>.ant-menu-item{position:relative;top:1px;display:inline-block;vertical-align:bottom}.ant-menu-horizontal>.ant-menu-item:after{position:absolute;right:20px;bottom:0;left:20px;border-bottom:2px solid transparent;transition:border-color .3s cubic-bezier(.645,.045,.355,1);content:""}.ant-menu-horizontal>.ant-menu-item a{color:#000000d9}.ant-menu-horizontal>.ant-menu-item a:hover{color:var(--ant-primary-color)}.ant-menu-horizontal>.ant-menu-item a:before{bottom:-2px}.ant-menu-horizontal>.ant-menu-item-selected a{color:var(--ant-primary-color)}.ant-menu-horizontal:after{display:block;clear:both;height:0;content:" "}.ant-menu-inline .ant-menu-item{position:relative}.ant-menu-inline .ant-menu-item:after{position:absolute;top:0;right:0;bottom:0;
54border-right:3px solid var(--ant-primary-color);transform:scaleY(.0001);opacity:0;transition:transform .15s cubic-bezier(.215,.61,.355,1),opacity .15s cubic-bezier(.215,.61,.355,1);content:""}.ant-menu-inline .ant-menu-item{height:40px;margin-top:4px;margin-bottom:4px;padding:0 16px;overflow:hidden;line-height:40px;text-overflow:ellipsis}.ant-menu-inline .ant-menu-item:not(:last-child){margin-bottom:8px}.ant-menu-inline{width:100%}.ant-menu-inline .ant-menu-item-selected:after{transform:scaleY(1);opacity:1;transition:transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1)}.ant-menu-inline .ant-menu-item{width:calc(100% + 1px)}.ant-menu-inline.ant-menu-root .ant-menu-item{display:flex;align-items:center;transition:border-color .3s,background .3s,padding .1s cubic-bezier(.215,.61,.355,1)}.ant-menu-inline.ant-menu-root .ant-menu-item>.ant-menu-title-content{flex:auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.ant-menu-inline.ant-menu-root .ant-menu-item>*{flex:none}.ant-menu-item-group-list{margin:0;padding:0}.ant-menu-item-group-list .ant-menu-item{padding:0 16px 0 28px}.ant-menu-root.ant-menu-inline{box-shadow:none}.ant-menu-light .ant-menu-item:hover{color:var(--ant-primary-color)}.ant-menu.ant-menu-root:focus-visible{box-shadow:0 0 0 2px var(--ant-primary-7)}.ant-select-single .ant-select-selector{display:flex}.ant-select-single .ant-select-selector .ant-select-selection-search{position:absolute;inset:0 11px}.ant-select-single .ant-select-selector .ant-select-selection-search-input{width:100%}.ant-select-single .ant-select-selector .ant-select-selection-item{padding:0;line-height:30px;transition:all .3s,visibility 0s}.ant-select-single .ant-select-selector .ant-select-selection-item{position:relative;-webkit-user-select:none;user-select:none}.ant-select-single .ant-select-selector .ant-select-selection-item:after,.ant-select-single .ant-select-selector:after{display:inline-block;width:0;visibility:hidden;content:"\a0"}.ant-select-single.ant-select-show-arrow .ant-select-selection-search{right:25px}.ant-select-single.ant-select-show-arrow .ant-select-selection-item{padding-right:18px}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{width:100%;height:32px;padding:0 11px}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{height:30px}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector:after{line-height:30px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{height:24px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector:after{line-height:22px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input{height:22px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search{right:7px;left:7px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{padding:0 7px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search{right:28px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item{padding-right:21px}.ant-select{box-sizing:border-box;margin:0;padding:0;color:#000000d9;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:relative;display:inline-block;cursor:pointer}.ant-select:not(.ant-select-customize-input) .ant-select-selector{position:relative;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-select:not(.ant-select-customize-input) .ant-select-selector input{cursor:pointer}.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{margin:0;padding:0;background:0 0;border:none;outline:0;appearance:none}.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:var(--ant-primary-5);border-right-width:1px}.ant-select-selection-item{flex:1;overflow:hidden;font-weight:400;white-space:nowrap;text-overflow:ellipsis}@media all and (-ms-high-contrast:none){.ant-select-selection-item{flex:auto}}.ant-select-arrow{display:inline-flex;color:inherit;font-style:normal;line-height:0;text-transform:none;vertical-align:-.125em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:50%;right:11px;display:flex;align-items:center;height:12px;margin-top:-6px;color:#00000040;font-size:12px;line-height:1;text-align:center;pointer-events:none}.ant-select-arrow>*{line-height:1}.ant-select-arrow svg{display:inline-block}.ant-select-arrow:before{display:none}.ant-select-arrow .anticon{vertical-align:top;transition:transform .3s}.ant-select-arrow .anticon>svg{vertical-align:top}.ant-select-arrow .anticon:not(.ant-select-suffix){pointer-events:auto}.ant-select-arrow>:not(:last-child){margin-inline-end:8px}.ant-slider{box-sizing:border-box;color:#000000d9;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:relative;height:12px;margin:10px 6px;padding:4px 0;cursor:pointer;touch-action:none}.ant-slider-rail{position:absolute;width:100%;height:4px;background-color:#f5f5f5;border-radius:2px;transition:background-color .3s}.ant-slider-track{position:absolute;height:4px;background-color:var(--ant-primary-3);border-radius:2px;transition:background-color .3s}.ant-slider-handle{position:absolute;width:14px;
54height:14px;margin-top:-5px;background-color:#fff;border:solid 2px var(--ant-primary-3);border-radius:50%;box-shadow:0;cursor:pointer;transition:border-color .3s,box-shadow .6s,transform .3s cubic-bezier(.18,.89,.32,1.28)}.ant-slider-handle:focus{border-color:var(--ant-primary-color-deprecated-t-20);outline:0;box-shadow:0 0 0 5px var(--ant-primary-color-deprecated-f-12)}.ant-slider-handle:after{position:absolute;inset:-6px;content:""}.ant-slider:hover .ant-slider-rail{background-color:#e1e1e1}.ant-slider:hover .ant-slider-track{background-color:var(--ant-primary-4)}.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open){border-color:var(--ant-primary-4)}.ant-slider{display:block}.ant-statistic{box-sizing:border-box;margin:0;padding:0;color:#000000d9;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum"}.ant-statistic-title{margin-bottom:4px;color:#00000073;font-size:14px}.ant-statistic-content{color:#000000d9;font-size:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.ant-statistic-content-value{display:inline-block;direction:ltr}.ant-typography{color:#000000d9;word-break:break-word}.ant-color-picker-trigger{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:3px;border:1px solid rgba(0,0,0,.06);border-radius:2px;cursor:pointer;transition:all .2s}.ant-color-picker-trigger:hover{border-color:var(--ant-primary-color)}.ant-color-picker-color-block{position:relative;width:28px;height:28px;overflow:hidden;background-image:conic-gradient(rgba(0,0,0,.06) 0 25%,transparent 0 50%,rgba(0,0,0,.06) 0 75%,transparent 0);background-size:50% 50%;border-radius:2px}.ant-color-picker-color-block-inner{box-sizing:border-box;width:100%;height:100%;border:1px solid rgba(0,0,0,.06)}.ant-color-picker-inline{display:inline-block}.ant-color-picker-inline .ant-color-picker-color-block{width:24px;height:24px;margin:0}.github-btn{height:20px;overflow:hidden;font:700 11px/14px Helvetica Neue,Helvetica,Arial,sans-serif}.gh-btn,.gh-count,.gh-ico{float:left}.gh-btn,.gh-count{padding:2px 5px 2px 4px;color:#333;white-space:nowrap;text-decoration:none;border-radius:3px;cursor:pointer}.gh-btn{background-color:#eee;background-image:linear-gradient(to bottom,#fcfcfc 0,#eee);background-repeat:no-repeat;border:1px solid #d5d5d5}.gh-btn:focus,.gh-btn:hover{text-decoration:none;background-color:#ddd;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#eee),color-stop(100%,#ddd));background-image:linear-gradient(to bottom,#eee 0,#ddd);border-color:#ccc}.gh-btn:active{background-color:#dcdcdc;background-image:none;border-color:#b5b5b5;box-shadow:inset 0 2px 4px #00000026}.gh-ico{width:14px;height:14px;margin-right:4px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMTIgMTIgNDAgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMTIgMTIgNDAgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMzMzMzMzMiIGQ9Ik0zMiAxMy40Yy0xMC41IDAtMTkgOC41LTE5IDE5YzAgOC40IDUuNSAxNS41IDEzIDE4YzEgMC4yIDEuMy0wLjQgMS4zLTAuOWMwLTAuNSAwLTEuNyAwLTMuMiBjLTUuMyAxLjEtNi40LTIuNi02LjQtMi42QzIwIDQxLjYgMTguOCA0MSAxOC44IDQxYy0xLjctMS4yIDAuMS0xLjEgMC4xLTEuMWMxLjkgMC4xIDIuOSAyIDIuOSAyYzEuNyAyLjkgNC41IDIuMSA1LjUgMS42IGMwLjItMS4yIDAuNy0yLjEgMS4yLTIuNmMtNC4yLTAuNS04LjctMi4xLTguNy05LjRjMC0yLjEgMC43LTMuNyAyLTUuMWMtMC4yLTAuNS0wLjgtMi40IDAuMi01YzAgMCAxLjYtMC41IDUuMiAyIGMxLjUtMC40IDMuMS0wLjcgNC44LTAuN2MxLjYgMCAzLjMgMC4yIDQuNyAwLjdjMy42LTIuNCA1LjItMiA1LjItMmMxIDIuNiAwLjQgNC42IDAuMiA1YzEuMiAxLjMgMiAzIDIgNS4xYzAgNy4zLTQuNSA4LjktOC43IDkuNCBjMC43IDAuNiAxLjMgMS43IDEuMyAzLjVjMCAyLjYgMCA0LjYgMCA1LjJjMCAwLjUgMC40IDEuMSAxLjMgMC45YzcuNS0yLjYgMTMtOS43IDEzLTE4LjFDNTEgMjEuOSA0Mi41IDEzLjQgMzIgMTMuNHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-size:100% 100%}.gh-count{position:relative;display:none;margin-inline-start:4px;background-color:#fafafa;border:1px solid #d4d4d4}.gh-count:focus,.gh-count:hover{color:#4183c4}.gh-count:after,.gh-count:before{position:absolute;display:inline-block;width:0;height:0;border-color:transparent;border-style:solid;content:""}.gh-count:before{top:50%;left:-3px;margin-top:-4px;border-width:4px 4px 4px 0;border-right-color:#fafafa}.gh-count:after{top:50%;left:-4px;z-index:-1;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#d4d4d4}#header{position:relative;z-index:10;max-width:100%;background:#fff;box-shadow:0 2px 8px #f0f1f2}#header .menu-row{display:flex;align-items:center;margin:0}#header .menu-row>*{flex:none;margin:0 16px 0 0}#header .menu-row>:last-child{margin-right:40px}#header .header-button{color:#000000d9;border-color:#d9d9d9}#header .header-button:hover{border-color:var(--ant-primary-color)}@media only screen and (max-width:767.99px){#header{text-align:center}}#github-btn{display:flex;flex-flow:nowrap;height:auto}#github-btn .gh-btn{height:auto;padding:1px 4px;background:0 0;border:0}#github-btn .gh-btn .gh-ico{width:20px;height:20px;margin:0}#github-btn .gh-btn .gh-text{display:none}#github-btn .gh-count{min-width:45px;height:auto;padding:4px 8px;font-weight:400;background:#fff}#github-btn .gh-count:hover{color:var(--ant-primary-color)}#logo{height:64px;padding-left:40px;overflow:hidden;color:#000000d9;font-size:18px;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif;line-height:64px;white-space:nowrap;text-decoration:none}#logo img{position:relative;top:-1.5px;width:28.27px;height:32px;margin-right:16px}@media only screen and (max-width:767.99px){#logo{padding-right:0;padding-left:0}}#nav{height:100%;font-size:14px;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif;border:0}#nav.ant-menu-horizontal{border-bottom:none}#nav.ant-menu-horizontal>.ant-menu-item{min-width:64px;
54height:64px;padding-right:12px;padding-left:12px;line-height:64px}#nav.ant-menu-horizontal>.ant-menu-item:after{inset:0 12px auto;border-width:2px}#nav.ant-menu-horizontal>.ant-menu-item-selected a{color:var(--ant-primary-color)}#nav>.ant-menu-item{text-align:center}#search-box{position:relative;display:flex;flex:auto!important;align-items:center;height:22px;margin:0 auto 0 0!important;padding-left:16px;line-height:22px;white-space:nowrap;border-left:1px solid rgba(0,0,0,.06);transition:width .5s}#search-box>*{flex:auto}#search-box .anticon{position:absolute;top:50%;z-index:1;flex:none;color:#ced4d9;transform:translateY(-50%);pointer-events:none}#search-box input{width:100%;max-width:200px;padding-left:20px;font-size:14px;background:0 0;border:0;box-shadow:none}#search-box input::placeholder{color:#a3b1bf}@media only screen and (max-width:767.99px){#search-box{display:none}}article,blockquote,body,button,code,div,footer,h1,h2,h3,header,input,li,p,pre,section,td,th,ul{margin:0;padding:0}ul{list-style:none}body{color:#000000d9;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background:#fff;transition:background 1s cubic-bezier(.075,.82,.165,1)}a{transition:color .3s ease}.main-wrapper{position:relative;padding:40px 0 0;background:#fff}.main-container{position:relative;min-height:500px;padding:0 170px 32px 64px;background:#fff}.main-menu{z-index:1}.main-menu-inner{height:100%;max-height:100vh;overflow:hidden}.main-menu:hover .main-menu-inner{overflow-y:auto}.aside-container{min-height:100%;padding-bottom:48px;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif}.aside-container.ant-menu-inline .ant-menu-item a{overflow:hidden;font-size:14px;text-overflow:ellipsis}.aside-container.ant-menu-inline>.ant-menu-item-group>.ant-menu-item-group-title{margin-top:16px;margin-bottom:16px;font-size:13px}.aside-container.ant-menu-inline>.ant-menu-item-group>.ant-menu-item-group-title:after{position:relative;top:12px;display:block;width:calc(100% - 20px);height:1px;background:#0000000f;content:""}.aside-container.ant-menu-inline.ant-menu-inline>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item,.aside-container.ant-menu-inline>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item,.aside-container.ant-menu-inline>.ant-menu-item-group>.ant-menu-item-group-title{padding-left:40px!important}.aside-container.ant-menu-inline.ant-menu-inline .ant-menu-item-group-title{padding-left:56px}.aside-container.ant-menu-inline.ant-menu-inline .ant-menu-item-group-list>.ant-menu-item{padding-left:80px!important}.aside-container.ant-menu-inline .ant-menu-item-group:first-child .ant-menu-item-group-title{margin-top:0}.aside-container .chinese{margin-left:6px;font-weight:400;font-size:12px;opacity:.67}.page-wrapper{width:100%;padding:0;overflow:hidden}.fixed-widgets{position:fixed;right:32px;bottom:102px;z-index:2147483640;display:flex;flex-direction:column;
54cursor:pointer}.fixed-widgets>div{display:block}.fixed-widgets .fixed-widgets-avatar{color:#000;background-color:#fff;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;transition:color .3s}.fixed-widgets .fixed-widgets-avatar:hover{color:var(--ant-primary-color)}#header,#header #nav.ant-menu,#header #search-box,.main-wrapper,.main-wrapper .main-container{transition:all .3s cubic-bezier(.78,.14,.15,.86)}.rc-footer{position:relative;clear:both;color:#fff6;font-size:14px;line-height:1.5;background-color:#000}.rc-footer a{color:#ffffffe6;text-decoration:none;transition:all .3s}.rc-footer a:hover{color:#40a9ff}.rc-footer-container{width:100%;max-width:1200px;margin:auto;padding:80px 0 20px}.rc-footer-columns{display:flex;justify-content:space-around}.rc-footer-column{margin-bottom:60px}.rc-footer-column h2{position:relative;margin:0 auto 24px;color:#fff;font-weight:500;font-size:16px}.rc-footer-item{margin:12px 0}.rc-footer-item-icon{position:relative;top:-1px;display:inline-block;width:16px;margin-right:.4em;text-align:center;vertical-align:middle}.rc-footer-item-separator{margin:0 .3em}.rc-footer-bottom-container{width:100%;max-width:1200px;margin:0 auto;padding:16px 0;font-size:16px;line-height:32px;text-align:center;border-top:1px solid rgba(255,255,255,.25)}@media only screen and (max-width:767.99px){.rc-footer{text-align:center}.rc-footer-container{padding:40px 0}.rc-footer-columns{display:block}.rc-footer-column{display:block;margin-bottom:40px}.rc-footer-column:last-child{margin-bottom:0}}.rc-footer{z-index:11}.rc-footer-container{max-width:unset;padding:60px}.rc-footer-bottom-container{max-width:calc(100% - 120px)}.rc-footer-columns{justify-content:space-between}.prev-next-nav{margin-right:64px;margin-left:64px;overflow:hidden;font-size:14px;border-top:1px solid rgba(0,0,0,.06)}.markdown{color:#000000d9;font-size:14px;line-height:2}.highlight{line-height:1.5}.markdown img{max-width:calc(100% - 32px);max-height:100%;object-fit:contain}.markdown h1{margin-top:8px;margin-bottom:20px;color:#000000d9;font-weight:500;font-size:30px;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif;line-height:38px}.markdown h1 .subtitle{margin-left:12px}.markdown h2{font-size:24px;line-height:32px}.markdown h2,.markdown h3{clear:both;margin:1.6em 0 .6em;color:#000000d9;font-weight:500;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif}.markdown h3{font-size:18px}.markdown p,.markdown pre{margin:1em 0}.markdown code{margin:0 1px;padding:.2em .4em;font-size:.9em;background:#f2f4f5;border:1px solid rgba(0,0,0,.06);border-radius:3px}.markdown pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;background:#f2f4f5;border-radius:2px}.markdown pre code{margin:0;padding:12px 20px;overflow:auto;color:#000000d9;font-size:13px;background:#f5f5f5;border:none}.markdown strong{font-weight:500}.markdown>table{width:100%;margin:8px 0 16px;empty-cells:show;border:1px solid rgba(0,0,0,.06);border-collapse:collapse;border-spacing:0}.markdown>table th{color:#5c6b77;font-weight:500;white-space:nowrap;background:#00000005}.markdown>table td,.markdown>table th{padding:16px 24px;text-align:left;border:1px solid rgba(0,0,0,.06)}.markdown blockquote{margin:1em 0;padding-left:.8em;color:#00000073;font-size:90%;border-left:4px solid rgba(0,0,0,.06)}.markdown blockquote p{margin:0}.markdown .anchor{margin-left:8px;opacity:0;transition:opacity .3s}.markdown a.edit-button{display:inline-block;margin-left:8px;text-decoration:none}.markdown a.edit-button .anticon{display:block;color:#00000073;font-size:16px}.markdown a.edit-button .anticon:hover{color:#000000d9}.markdown h2:hover .anchor,.markdown h3:hover .anchor{display:inline-block;opacity:1}.markdown.api-container{overflow-x:auto}.markdown.api-container table{min-width:720px;margin:2em 0;font-size:13px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;line-height:1.5715;border:1px solid rgba(0,0,0,.06)}.markdown.api-container table td,.markdown.api-container table th{padding:12px;border-color:#0000000f;border-width:1px 0}.markdown.api-container table th{padding-top:14px;border-width:0 0 2px}.markdown.api-container table tbody tr{transition:all .3s}.markdown.api-container table tbody tr:hover{background:#3c5a640a}.markdown.api-container table td:first-child{width:20%;color:#595959;font-weight:600}.markdown.api-container table td:nth-child(3){width:22%;color:#c41d7f;font-size:13px;word-break:break-all}.markdown.api-container table td:nth-child(4){width:16%;font-size:13px}.toc-affix{position:absolute;top:8px;right:20px}pre code{display:block;padding:16px 32px;color:#000000d9;font-size:14px;font-family:Lucida Console,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;line-height:2;white-space:pre;background:#fff;border:1px solid #e9e9e9;border-radius:2px}code[class*=language-],pre[class*=language-]{color:#000;font-family:Lucida Console,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;line-height:1.5;direction:ltr;white-space:pre;text-align:left;word-wrap:normal;word-break:normal;word-spacing:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0}code[class*=language-]::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{margin:16px 0;padding:12px 20px;overflow:auto}pre[class*=language-]{background:#f5f5f5}.token.punctuation{color:#999}.token.tag{color:#f81d22}.token.attr-name{color:#0b8235}.token.attr-value{color:#008dff}.code-box{position:relative;display:inline-block;width:100%;margin:0 0 16px;border:1px solid rgba(0,0,0,.06);border-radius:2px;transition:all .2s}.code-box .code-box-title,.code-box .code-box-title a{color:#000000d9;background:#fff}.code-box .code-box-description p{color:#000000d9}.code-box,.code-box .code-box-demo{background-color:#fff}.code-box .markdown pre{margin:.5em 0;padding:6px 12px}.code-box .markdown pre code{margin:0;background:#f5f5f5}.code-box:target{border:1px solid var(--ant-primary-color)}.code-box-expand-trigger{position:relative;margin-left:12px;color:#3b4357;font-size:20px;cursor:pointer;opacity:.75;transition:all .3s}.code-box-expand-trigger:hover{opacity:1}.code-box-title{position:absolute;top:-14px;margin-left:16px;padding:1px 8px;
54color:#777;background:#fff;border-radius:2px 2px 0 0;transition:background-color .4s}.code-box-title a,.code-box-title a:hover{color:#000000d9;font-weight:500;font-size:14px}.code-box-description{padding:18px 24px 12px}.code-box a.edit-button{position:absolute;top:7px;right:-16px;padding-right:6px;font-size:12px;text-decoration:none;background:inherit;transform:scale(.9)}.code-box a.edit-button .anticon{color:#00000073;transition:all .3s}.code-box a.edit-button .anticon:hover{color:#000000d9}.code-box-demo{padding:42px 24px 50px;color:#000000d9;border-bottom:1px solid rgba(0,0,0,.06)}.code-box-meta.markdown{position:relative;width:100%;font-size:14px;border-radius:0 0 2px 2px;transition:background-color .4s}section.code-box-meta p{margin:0}.code-box .code-expand-icon{cursor:pointer}.code-box .code-expand-icon-hide,.code-box .code-expand-icon-show{position:absolute;top:0;left:0;width:100%;max-width:100%;margin:0;box-shadow:none;transition:all .4s;-webkit-user-select:none;user-select:none}.code-box .code-expand-icon-show{opacity:.55;pointer-events:auto}.code-box .code-expand-icon-show:hover{opacity:1}.code-box .code-expand-icon-hide{opacity:0;pointer-events:none}.code-box .highlight-wrapper{display:none;overflow:auto;border-radius:0 0 2px 2px}.code-box .highlight{position:relative}.code-box .highlight pre{margin:0;padding:0;background:#fff}.code-box .highlight:not(:first-child){border-top:1px dashed rgba(0,0,0,.06)}.code-box-actions{display:flex;justify-content:center;padding:12px 0;border-top:1px dashed rgba(0,0,0,.06);opacity:.7;transition:opacity .3s}.code-box-actions:hover{opacity:1}.code-box-actions>span{position:relative;display:inline-block;width:16px;height:16px;margin-left:16px;vertical-align:top}.code-box-actions>span:first-child{margin-left:0}.code-box-code-copy{width:20px;height:20px;color:#00000073;font-size:14px;line-height:20px;text-align:center;background:#fff;border-radius:20px;cursor:pointer;transition:all .24s}.code-box-code-copy:hover{color:#000000bf;transform:scale(1.2)}.code-box pre{width:auto;margin:0}.code-box pre code{background:#fff;border:none}@media only screen and (max-width:992px){.main-container{padding-right:48px;padding-left:48px}.main-container .toc-affix{display:none}}@media only screen and (max-width:767.99px){.aside-container{float:none;width:auto;padding-bottom:30px;border-right:0}.main-container{margin-right:0;margin-left:0;padding-right:16px;padding-left:16px}.main-wrapper{width:100%;margin:0;border-radius:0}.prev-next-nav{width:calc(100% - 32px);margin-left:16px}}#ng-content{height:100%;transition:transform .3s cubic-bezier(.78,.14,.15,.86)}.toc-affix .ant-anchor{font-size:12px}.toc-affix .ant-anchor .ant-anchor-ink:before{width:1px;border-left:1px solid rgba(0,0,0,.06)}.toc-affix .ant-anchor .ant-anchor-link{padding:0 0 4px 16px;line-height:1.5}.toc-affix .ant-anchor .ant-anchor-link .ant-anchor-link-title{width:110px;color:#000000d9;white-space:nowrap;text-overflow:ellipsis}</style><link rel="stylesheet" href="styles-EMKJFYHT.css" media="print" onload='this.media="all"'><noscript><link rel="stylesheet" href="styles-EMKJFYHT.css"></noscript><style ng-app-id="docs">@media (max-width:767px){.main-menu[_ngcontent-docs-c1600906108]{display:none}}</style><style ng-app-id="docs">.contributors-list[_ngcontent-docs-c2559970923]{display:flex;flex-wrap:wrap;margin:0;margin-top:120px!important;padding:0;list-style:none}.contributors-list[_ngcontent-docs-c2559970923] .ant-avatar[_ngcontent-docs-c2559970923]+.ant-avatar[_ngcontent-docs-c2559970923],.contributors-list[_ngcontent-docs-c2559970923] a[_ngcontent-docs-c2559970923]{margin-right:8px;margin-bottom:8px}</style><style ng-app-id="docs">#logo[_ngcontent-docs-c3414513947] strong[_ngcontent-docs-c3414513947]{font-weight:500}</style><style ng-app-id="docs">[_nghost-docs-c1235551205]{display:block}</style><style ng-app-id="docs">.menu-title-content-link[_ngcontent-docs-c442195394]{display:flex;align-items:center;justify-content:space-between}.menu-title-content-link[_ngcontent-docs-c442195394]>.ant-tag[_ngcontent-docs-c442195394]{margin-inline-end:0}</style><style ng-app-id="docs">::ng-deep .top-menu-additional{position:relative;right:80px;width:190px}</style><style ng-app-id="docs">[_nghost-docs-c2504038348] nz-descriptions[_ngcontent-docs-c2504038348]{margin-top:16px;overflow-x:scroll}[_nghost-docs-c2504038348] .ant-descriptions-item-label{padding-inline-end:16px;width:56px;
54word-break:keep-all}[_nghost-docs-c2504038348] .ant-typography[_ngcontent-docs-c2504038348]{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}[_nghost-docs-c2504038348] a[_ngcontent-docs-c2504038348] .ant-typography[_ngcontent-docs-c2504038348]:hover{text-decoration:underline}</style><style ng-app-id="docs">.simulate-iframe{display:block;transform:translate(0)}.simulate-iframe>*{display:block;height:100%;overflow:auto;transform:translate(0)}.simulate-iframe>*>*{height:100%;overflow:auto}nz-code-box{display:block}</style><style ng-app-id="docs">.wrap[_ngcontent-docs-c732240890]{display:flex}.box[_ngcontent-docs-c732240890]{margin-top:20px;margin-right:20px;text-align:center;line-height:50px;color:#fff;width:50px;height:50px;background:#4183c4}</style><style ng-app-id="docs">p[_ngcontent-docs-c3277939589]{padding:8px 12px}</style><style ng-app-id="docs">div[_ngcontent-docs-c3326504729]{padding:8px 12px}pre[_ngcontent-docs-c3326504729]{display:inline-block;background:#eee}</style></head>
55  <body class="preload"><!--nghm-->
56    <app-root ng-version="20.0.0" _nghost-docs-c1600906108 ngh="28" ng-server-context="ssg"><div _ngcontent-docs-c1600906108 id="ng-content"><div _ngcontent-docs-c1600906108 class="page-wrapper" dir="ltr"><app-header _ngcontent-docs-c1600906108 ngh="9"><header id="header" class="clearfix"><!----><div nz-row class="ant-row" style="flex-flow:nowrap"><div nz-col class="ant-col ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-6 ant-col-xl-5 ant-col-xxl-4"><app-logo _nghost-docs-c3414513947 ngh="0"><a _ngcontent-docs-c3414513947 href="/" id="logo"><img _ngcontent-docs-c3414513947 width="32" height="28.27" alt="logo" src="./assets/img/logo.svg"><strong _ngcontent-docs-c3414513947>NG-ZORRO</strong></a></app-logo></div><div nz-col class="menu-row ant-col ant-col-xs-0 ant-col-sm-0 ant-col-md-18 ant-col-lg-18 ant-col-xl-19 ant-col-xxl-20"><div id="search-box" app-searchbar class ngh="1"><nz-icon nztype="search" class="anticon anticon-search"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="search" aria-hidden="true" class=""><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"/></svg></nz-icon><input nz-input class="ant-input ant-input-stepperless" placeholder="Search in ng.ant.design"><!----></div><ul id="nav" nz-menu app-navigation class="menu-site ant-menu ant-menu-root ant-menu-light ant-menu-horizontal" ngh="2"><li nz-menu-item class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a href="/docs/introduce/en"><span>Docs</span></a></span></li><li nz-menu-item class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a href="/components/overview/en"><span>Components</span></a></span></li><li nz-menu-item class="ant-menu-item ant-menu-item-selected" ngh="0"><span class="ant-menu-title-content"><a href="/experimental/pipes/en"><span>Experimental</span></a></span></li><!----><!----><!----></ul><nz-select nzsize="small" class="ant-select version ant-select-sm ant-select-show-arrow ant-select-single ng-untouched ng-pristine ng-valid ng-tns-c2808390804-1" style="max-width:126px" ngh="7"><nz-select-top-control cdkoverlayorigin class="ant-select-selector nz-animate-disabled" ngh="5"><nz-select-search class="ant-select-selection-search" ngh="3"><input autocomplete="off" class="ant-select-selection-search-input ng-untouched ng-pristine ng-valid" readonly style="opacity:0" value><!----></nz-select-search><nz-select-item class="ant-select-selection-item" title="19.3.1" ngh="4"><!----> 19.3.1 <!----><!----><!----><!----></nz-select-item><!----><!----><!----><!----></nz-select-top-control><nz-select-arrow class="ant-select-arrow" ngh="6"><!----><!----><!----><nz-icon nztype="down" class="anticon anticon-down"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="down" aria-hidden="true" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"/></svg></nz-icon><!----><!----><!----><!----><!----><!----></nz-select-arrow><!----><!----><!----></nz-select>
56<button nz-button nzsize="small" class="ant-btn header-button header-lang-butto ant-btn-sm" ngh="8"><!----><span> 中文 </span></button><button nz-button nzghost nzsize="small" class="ant-btn header-button header-direction-button ant-btn-sm ant-btn-background-ghost" ngh="8"><!----><span> RTL </span></button><app-github-btn id="github-btn" class="github-btn" ngh="0"><a tabindex="-1" target="_blank" rel="noopener" aria-hidden="true" class="gh-btn" href="https://github.com/NG-ZORRO/ng-zorro-antd"><span aria-hidden="true" class="gh-ico"></span><span class="gh-text">Star</span></a><a target="_blank" rel="noopener" class="gh-count" style="display:block" href="https://github.com/NG-ZORRO/ng-zorro-antd/stargazers"> 0 </a></app-github-btn><!----><!----><!----><!----></div></div></header><!----></app-header><div _ngcontent-docs-c1600906108 class="main-wrapper"><div _ngcontent-docs-c1600906108 nz-row class="ant-row"><div _ngcontent-docs-c1600906108 nz-col class="main-menu ant-col ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-6 ant-col-xl-5 ant-col-xxl-4"><nz-affix _ngcontent-docs-c1600906108 ngh="0"><div><section _ngcontent-docs-c1600906108 class="main-menu-inner"><app-side _ngcontent-docs-c1600906108 _nghost-docs-c442195394 ngh="11"><ul _ngcontent-docs-c442195394 nz-menu class="aside-container menu-site ant-menu ant-menu-root ant-menu-light ant-menu-inline"><!----><!----><li _ngcontent-docs-c442195394 nz-menu-group class="ant-menu-item-group" hidden ngh="10"><div class="ant-menu-item-group-title">通用<!----><!----><!----></div><ul _ngcontent-docs-c442195394 class="ant-menu-item-group-list"><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 class="menu-title-content-link" href="/experimental/pipes/zh"><span _ngcontent-docs-c442195394> Pipes <span _ngcontent-docs-c442195394 class="chinese"><!--ngetn--></span></span><!----></a></span></li><!----></ul></li><li _ngcontent-docs-c442195394 nz-menu-group class="ant-menu-item-group" ngh="10"><div class="ant-menu-item-group-title">General<!----><!----><!----></div><ul _ngcontent-docs-c442195394 class="ant-menu-item-group-list"><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item ant-menu-item-selected" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 class="menu-title-content-link" href="/experimental/pipes/en"><span _ngcontent-docs-c442195394> Pipes <span _ngcontent-docs-c442195394 class="chinese"><!--ngetn--></span></span><!----></a></span></li><!----></ul></li><li _ngcontent-docs-c442195394 nz-menu-group class="ant-menu-item-group" hidden ngh="10"><div class="ant-menu-item-group-title">布局<!----><!----><!----></div><ul _ngcontent-docs-c442195394 class="ant-menu-item-group-list"><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 class="menu-title-content-link" href="/experimental/resizable/zh"><span _ngcontent-docs-c442195394> Resizable <span _ngcontent-docs-c442195394 class="chinese">调整尺寸</span></span><!----></a></span></li><!----></ul></li><li _ngcontent-docs-c442195394 nz-menu-group class="ant-menu-item-group" ngh="10"><div class="ant-menu-item-group-title">Layout<!----><!----><!----></div><ul _ngcontent-docs-c442195394 class="ant-menu-item-group-list"><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 class="menu-title-content-link" href="/experimental/resizable/en"><span _ngcontent-docs-c442195394> Resizable <span _ngcontent-docs-c442195394 class="chinese"><!--ngetn--></span></span><!----></a></span></li><!----></ul></li><li _ngcontent-docs-c442195394 nz-menu-group class="ant-menu-item-group" hidden ngh="10"><div class="ant-menu-item-group-title">导航<!----><!----><!----></div><ul _ngcontent-docs-c442195394 class="ant-menu-item-group-list"><!----></ul></li><li _ngcontent-docs-c442195394 nz-menu-group class="ant-menu-item-group" hidden ngh="10"><div class="ant-menu-item-group-title">Navigation<!----><!----><!----></div><ul _ngcontent-docs-c442195394 class="ant-menu-item-group-list"><!----></ul></li><li _ngcontent-docs-c442195394 nz-menu-group class="ant-menu-item-group" hidden ngh="10"><div class="ant-menu-item-group-title">数据录入<!----><!----><!----></div><ul _ngcontent-docs-c442195394 class="ant-menu-item-group-list"><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content">
56<a _ngcontent-docs-c442195394 class="menu-title-content-link" href="/experimental/code-editor/zh"><span _ngcontent-docs-c442195394> Code Editor <span _ngcontent-docs-c442195394 class="chinese">代码编辑器</span></span><!----></a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 class="menu-title-content-link" href="/experimental/cron-expression/zh"><span _ngcontent-docs-c442195394> Cron Expression <span _ngcontent-docs-c442195394 class="chinese">cron 表单</span></span><!----></a></span></li><!----></ul></li><li _ngcontent-docs-c442195394 nz-menu-group class="ant-menu-item-group" ngh="10"><div class="ant-menu-item-group-title">Data Entry<!----><!----><!----></div><ul _ngcontent-docs-c442195394 class="ant-menu-item-group-list"><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 class="menu-title-content-link" href="/experimental/code-editor/en"><span _ngcontent-docs-c442195394> Code Editor <span _ngcontent-docs-c442195394 class="chinese"><!--ngetn--></span></span><!----></a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 class="menu-title-content-link" href="/experimental/cron-expression/en"><span _ngcontent-docs-c442195394> Cron Expression <span _ngcontent-docs-c442195394 class="chinese">cron form</span></span><!----></a></span></li><!----></ul></li><li _ngcontent-docs-c442195394 nz-menu-group class="ant-menu-item-group" hidden ngh="10"><div class="ant-menu-item-group-title">数据展示<!----><!----><!----></div><ul _ngcontent-docs-c442195394 class="ant-menu-item-group-list"><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 class="menu-title-content-link" href="/experimental/experimental-image/zh"><span _ngcontent-docs-c442195394> Image <span _ngcontent-docs-c442195394 class="chinese">图片</span></span><!----></a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 class="menu-title-content-link" href="/experimental/graph/zh"><span _ngcontent-docs-c442195394> Graph <span _ngcontent-docs-c442195394 class="chinese">流程图</span></span><!----></a></span></li><!----></ul></li><li _ngcontent-docs-c442195394 nz-menu-group class="ant-menu-item-group" ngh="10"><div class="ant-menu-item-group-title">Data Display<!----><!----><!----></div><ul _ngcontent-docs-c442195394 class="ant-menu-item-group-list"><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 class="menu-title-content-link" href="/experimental/experimental-image/en"><span _ngcontent-docs-c442195394> Image <span _ngcontent-docs-c442195394 class="chinese"><!--ngetn--></span></span><!----></a></span></li><li _ngcontent-docs-c442195394 nz-menu-item nzmatchrouter style="padding-left:40px" class="ant-menu-item" ngh="0"><span class="ant-menu-title-content"><a _ngcontent-docs-c442195394 class="menu-title-content-link" href="/experimental/graph/en"><span _ngcontent-docs-c442195394> Graph <span _ngcontent-docs-c442195394 class="chinese"><!--ngetn--></span></span><!----></a></span></li><!----></ul></li><li _ngcontent-docs-c442195394 nz-menu-group class="ant-menu-item-group" hidden ngh="10"><div class="ant-menu-item-group-title">反馈<!----><!----><!----></div><ul _ngcontent-docs-c442195394 class="ant-menu-item-group-list"><!----></ul></li><li _ngcontent-docs-c442195394 nz-menu-group class="ant-menu-item-group" hidden ngh="10"><div class="ant-menu-item-group-title">Feedback<!----><!----><!----></div><ul _ngcontent-docs-c442195394 class="ant-menu-item-group-list"><!----></ul></li><li _ngcontent-docs-c442195394 nz-menu-group class="ant-menu-item-group" hidden ngh="10"><div class="ant-menu-item-group-title">其他<!----><!----><!----></div><ul _ngcontent-docs-c442195394 class="ant-menu-item-group-list"><!----></ul></li><li _ngcontent-docs-c442195394 nz-menu-group class="ant-menu-item-group" hidden ngh="10"><div class="ant-menu-item-group-title">Other<!----><!----><!----></div><ul _ngcontent-docs-c442195394 class="ant-menu-item-group-list"><!----></ul></li><li _ngcontent-docs-c442195394 nz-menu-group class="ant-menu-item-group" hidden ngh="10"><div class="ant-menu-item-group-title">特色组件<!----><!----><!----></div><ul _ngcontent-docs-c442195394 class="ant-menu-item-group-list"><!----></ul></li><li _ngcontent-docs-c442195394 nz-menu-group class="ant-menu-item-group" hidden ngh="10"><div class="ant-menu-item-group-title">Featured Components<!----><!----><!----></div><ul _ngcontent-docs-c442195394 class="ant-menu-item-group-list"><!----></ul></li><!----><!----></ul></app-side><!----></section></div></nz-affix></div><!----><div _ngcontent-docs-c1600906108 nz-col class="main-container main-container-component ant-col ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-18 ant-col-xl-19 ant-col-xxl-20"><router-outlet _ngcontent-docs-c1600906108></router-outlet><nz-demo-pipes ngh="18"><article><nz-affix class="toc-affix" ngh="0"><div><nz-anchor nzshowinkinfixed ngh="12"><!----><div class="ant-anchor-wrapper ng-star-inserted" style="max-height:100vh"><div class="ant-anchor"><div class="ant-anchor-ink"><div class="ant-anchor-ink-ball"></div></div><nz-link nzhref="#components-pipes-demo-bytes" nztitle="nzBytes" class="ant-anchor-link" ngh="13"><a class="ant-anchor-link-title" href="#components-pipes-demo-bytes" target="undefined" title="nzBytes"><span class="ng-star-inserted">nzBytes</span><!----><!----></a><!----></nz-link><nz-link nzhref="#components-pipes-demo-css-unit" nztitle="nzToCssUnit" class="ant-anchor-link" ngh="13"><a class="ant-anchor-link-title" href="#components-pipes-demo-css-unit" target="undefined" title="nzToCssUnit"><span class="ng-star-inserted">nzToCssUnit</span><!----><!----></a><!----></nz-link><nz-link nzhref="#components-pipes-demo-ellipsis" nztitle="nzEllipsis" class="ant-anchor-link" ngh="13"><a class="ant-anchor-link-title" href="#components-pipes-demo-ellipsis" target="undefined" title="nzEllipsis"><span class="ng-star-inserted">nzEllipsis</span><!----><!----></a><!----></nz-link><nz-link nzhref="#components-pipes-demo-aggregate" nztitle="nzAggregate" class="ant-anchor-link" ngh="13"><a class="ant-anchor-link-title" href="#components-pipes-demo-aggregate" target="undefined" title="nzAggregate"><span class="ng-star-inserted">nzAggregate</span><!----><!----></a><!----></nz-link><nz-link nzhref="#components-pipes-demo-sanitizer" nztitle="nzSanitizer" class="ant-anchor-link" ngh="13"><a class="ant-anchor-link-title" href="#components-pipes-demo-sanitizer" target="undefined" title="nzSanitizer"><span class="ng-star-inserted">nzSanitizer</span><!----><!----></a><!----></nz-link><nz-link nzhref="#components-pipes-demo-trim" nztitle="nzTrim" class="ant-anchor-link" ngh="13"><a class="ant-anchor-link-title" href="#components-pipes-demo-trim" target="undefined" title="nzTrim"><span class="ng-star-inserted">nzTrim</span><!----><!----></a><!----></nz-link><nz-link nzhref="#api" nztitle="API" class="ant-anchor-link" ngh="13"><a class="ant-anchor-link-title" href="#api" target="undefined" title="API"><span class="ng-star-inserted">API</span><!----><!----></a><!----></nz-link></div></div><!----><!----><!----></nz-anchor></div></nz-affix><section class="markdown"><h1>
56Pipes<span class="subtitle"></span><span class="widget"></span><a aria-label="Edit this page on Github" href="https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/doc/index.en-US.md" target="_blank" rel="noopener noreferrer" class="edit-button"><nz-icon nztype="edit" class="anticon anticon-edit"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="edit" aria-hidden="true" class=""><path d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"/></svg></nz-icon></a></h1><component-meta ngskiphydration name="pipes" description="Common Pipe Collections." language="en" _nghost-docs-c2504038348>Common Pipe Collections. <nz-descriptions _ngcontent-docs-c2504038348 nzsize="small" class="ant-descriptions ant-descriptions-small"><!----><div class="ant-descriptions-view"><table><tbody><tr class="ant-descriptions-row ng-star-inserted"><td class="ant-descriptions-item ng-star-inserted" colspan="1"><div class="ant-descriptions-item-container"><span class="ant-descriptions-item-label ant-descriptions-item-no-colon"> Import <!----><!----></span><span class="ant-descriptions-item-content"><button _ngcontent-docs-c2504038348 nz-button nztype="text" nzsize="small" class="ant-btn ant-btn-text ant-btn-sm ng-star-inserted"><!----><span _ngcontent-docs-c2504038348 nz-typography nz-tooltip nztooltipplacement="right" class="ant-typography"><!----> import { NzPipesModule } from 'ng-zorro-antd/pipes'; <!---->  <!----><!----><!----><!----><!----><!----><!----></span><!----></button><!----></span></div></td><!----><!----><!----></tr><tr class="ant-descriptions-row ng-star-inserted"><td class="ant-descriptions-item ng-star-inserted" colspan="1"><div class="ant-descriptions-item-container"><span class="ant-descriptions-item-label ant-descriptions-item-no-colon"> Source <!----><!----></span><span class="ant-descriptions-item-content"><a _ngcontent-docs-c2504038348 nz-button nztype="text" nzsize="small" target="_blank" rel="noopener noreferrer" class="ant-btn ant-btn-text ant-btn-sm ng-star-inserted" href="https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/components/pipes"><!----><nz-icon _ngcontent-docs-c2504038348 nztype="github" class="anticon anticon-github"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="github" aria-hidden="true" class=""><path d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9a127.5 127.5 0 0138.1 91v112.5c.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z"/></svg></nz-icon><span _ngcontent-docs-c2504038348 nz-typography class="ant-typography"><!---->components/pipes<!---->  <!----><!----><!----><!----><!----><!----><!----></span><!----></a><!----></span></div></td><!----><!----><!----></tr><tr class="ant-descriptions-row ng-star-inserted"><td class="ant-descriptions-item ng-star-inserted" colspan="1"><div class="ant-descriptions-item-container"><span class="ant-descriptions-item-label ant-descriptions-item-no-colon"> Docs <!----><!----></span><span class="ant-descriptions-item-content"><a _ngcontent-docs-c2504038348 nz-button nztype="text" nzsize="small" target="_blank" rel="noopener noreferrer" class="ant-btn ant-btn-text ant-btn-sm ng-star-inserted" href="https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/components/pipes/doc/index.en-US.md"><!----><nz-icon _ngcontent-docs-c2504038348 nztype="edit" class="anticon anticon-edit"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="edit" aria-hidden="true" class=""><path d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8
56c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"/></svg></nz-icon><span _ngcontent-docs-c2504038348 nz-typography class="ant-typography"><!----> Edit this page <!---->  <!----><!----><!----><!----><!----><!----><!----></span><!----></a><!----></span></div></td><!----><!----><!----></tr><!----><!----><!----></tbody></table></div></nz-descriptions><!----></component-meta><blockquote style="border-color:#faad14"><p>NG-ZORRO experiments are features that are released but not yet considered stable or production ready</p><p>Developers and users can opt in into these features before they are fully released. But <strong>breaking changes</strong> may occur with any release.</p></blockquote><section class="markdown"><h2 id="when_to_use"><span>When To Use</span><a onclick='window.location.hash="when_to_use"' class="anchor">#</a></h2><p>After importing Pipe, use it like Angular's built-in Pipe</p></section><h2><span>Examples</span><nz-icon nztype="appstore" nz-tooltip nztooltiptitle="Expand All Code" class="anticon code-box-expand-trigger anticon-appstore"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="appstore" aria-hidden="true" class=""><path d="M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"/></svg></nz-icon><!----></h2></section><div nz-row class="ant-row" style="margin-left:-4px;margin-right:-4px"><div nz-col class="ant-col ant-col-24" style="padding-left:4px;padding-right:4px"><nz-code-box ngskiphydration nztitle="nzBytes" nzselector="nz-demo-pipes-bytes" nzgeneratecommand="ng g ng-zorro-antd:pipes-bytes <name>" nzcomponentname="NzDemoPipesBytesComponent" nziframesource="null"><section class="code-box" id="components-pipes-demo-bytes"><section class="code-box-demo"><div style="height:falsepx" class="ng-star-inserted"><nz-demo-pipes-bytes demo ngh="0"><ul><li>200 B</li><li>1 kB</li><li>1 MB</li><li>1 MB</li><li>1 GB</li><li>1 TB</li><li>1024 MB</li></ul></nz-demo-pipes-bytes></div><!----><!----></section><section class="code-box-meta markdown"><div class="code-box-title"><a>nzBytes</a><a target="_blank" rel="noopener noreferrer" class="edit-button" href="https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/bytes.md"><nz-icon nztype="edit" class="anticon anticon-edit"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="edit" aria-hidden="true" class=""><path d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"/></svg></nz-icon></a></div><div class="code-box-description"><div intro><p>Conversion of storage units to increase readability</p></div></div><div class="code-box-actions"><span nz-icon nz-tooltip nztype="thunderbolt" nztheme="fill" class="anticon code-box-code-copy anticon-thunderbolt"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="thunderbolt" aria-hidden="true" class=""><path d="M848 359.3H627.7L825.8 109c4.1-5.3.4-13-6.3-13H436c-2.8 0-5.5 1.5-6.9 4L170 547.5c-3.1 5.3.7 12 6.9 12h174.4l-89.4 357.6c-1.9 7.8 7.5 13.3 13.3 7.7L853.5 373c5.2-4.9 1.7-13.7-5.5-13.7z"/></svg></span><!----><span nz-icon nz-tooltip class="anticon code-box-code-copy anticon-snippets"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="snippets" aria-hidden="true" class=""><path d="M832 112H724V72c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v40H500V72
56c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v40H320c-17.7 0-32 14.3-32 32v120h-96c-17.7 0-32 14.3-32 32v632c0 17.7 14.3 32 32 32h512c17.7 0 32-14.3 32-32v-96h96c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zM664 888H232V336h218v174c0 22.1 17.9 40 40 40h174v338zm0-402H514V336h.2L664 485.8v.2zm128 274h-56V456L544 264H360v-80h68v32c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-32h152v32c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-32h68v576z"/></svg></span><!----><span nz-icon nz-tooltip class="anticon code-box-code-copy anticon-code ng-star-inserted"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="code" aria-hidden="true" class=""><path d="M516 673c0 4.4 3.4 8 7.5 8h185c4.1 0 7.5-3.6 7.5-8v-48c0-4.4-3.4-8-7.5-8h-185c-4.1 0-7.5 3.6-7.5 8v48zm-194.9 6.1l192-161c3.8-3.2 3.8-9.1 0-12.3l-192-160.9A7.95 7.95 0 00308 351v62.7c0 2.4 1 4.6 2.9 6.1L420.7 512l-109.8 92.2a8.1 8.1 0 00-2.9 6.1V673c0 6.8 7.9 10.5 13.1 6.1zM880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"/></svg></span><!----><!----><span nz-tooltip class="code-expand-icon"><!----><img alt="expand code" src="https://gw.alipayobjects.com/zos/rmsportal/wSAkBuJFbdxsosKKpqyq.svg" class="code-expand-icon-hide ng-star-inserted"><img alt="expand code" src="https://gw.alipayobjects.com/zos/rmsportal/OpROPHYqWmrMDBFMZtKF.svg" class="code-expand-icon-show ng-star-inserted"><!----></span><!----></div></section><section class="highlight-wrapper"><div class="highlight"><nz-highlight><pre class="language-angular">      <code>Loading...</code>
57    </pre></nz-highlight></div></section></section></nz-code-box><nz-code-box ngskiphydration nztitle="nzToCssUnit" nzselector="nz-demo-pipes-css-unit" nzgeneratecommand="ng g ng-zorro-antd:pipes-css-unit <name>" nzcomponentname="NzDemoPipesCssUnitComponent" nziframesource="null"><section class="code-box" id="components-pipes-demo-css-unit"><section class="code-box-demo"><div style="height:falsepx" class="ng-star-inserted"><nz-demo-pipes-css-unit demo _nghost-docs-c732240890 ngh="0"><nz-slider _ngcontent-docs-c732240890 class="ant-slider ng-untouched ng-pristine ng-valid" ngh="15"><div class="ant-slider-rail"></div><nz-slider-track ngh="0"><div class="ant-slider-track" style="left:0;right:auto;visibility:visible;width:0%"></div></nz-slider-track><!----><nz-slider-handle class="ng-star-inserted" ngh="14"><div tabindex="0" nz-tooltip class="ant-slider-handle" style="left:0;right:auto;transform:translateX(-50%)"></div><!----></nz-slider-handle><!----><!----></nz-slider><div _ngcontent-docs-c732240890 class="wrap"><div _ngcontent-docs-c732240890 class="box" style="border-radius:0">Default</div><div _ngcontent-docs-c732240890 class="box" style="border-radius:0">%</div><div _ngcontent-docs-c732240890 class="box" style="border-radius:0">rem</div></div></nz-demo-pipes-css-unit></div><!----><!----></section><section class="code-box-meta markdown"><div class="code-box-title"><a>nzToCssUnit</a><a target="_blank" rel="noopener noreferrer" class="edit-button" href="https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/css-unit.md"><nz-icon nztype="edit" class="anticon anticon-edit"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="edit" aria-hidden="true" class=""><path d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"/></svg></nz-icon></a></div><div class="code-box-description"><div intro><p>Css unit</p><p>Tip: If possible, we prefer to use Angular's built-in syntax, for example:</p><pre><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">[style.border-radius.px]</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>px<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
58<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">[style.border-radius.%]</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>%<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
59<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">[style.border-radius.rem]</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>rem<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
60</code></pre></div></div><div class="code-box-actions"><span nz-icon nz-tooltip nztype="thunderbolt" nztheme="fill" class="anticon code-box-code-copy anticon-thun
60derbolt"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="thunderbolt" aria-hidden="true" class=""><path d="M848 359.3H627.7L825.8 109c4.1-5.3.4-13-6.3-13H436c-2.8 0-5.5 1.5-6.9 4L170 547.5c-3.1 5.3.7 12 6.9 12h174.4l-89.4 357.6c-1.9 7.8 7.5 13.3 13.3 7.7L853.5 373c5.2-4.9 1.7-13.7-5.5-13.7z"/></svg></span><!----><span nz-icon nz-tooltip class="anticon code-box-code-copy anticon-snippets"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="snippets" aria-hidden="true" class=""><path d="M832 112H724V72c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v40H500V72c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v40H320c-17.7 0-32 14.3-32 32v120h-96c-17.7 0-32 14.3-32 32v632c0 17.7 14.3 32 32 32h512c17.7 0 32-14.3 32-32v-96h96c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zM664 888H232V336h218v174c0 22.1 17.9 40 40 40h174v338zm0-402H514V336h.2L664 485.8v.2zm128 274h-56V456L544 264H360v-80h68v32c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-32h152v32c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-32h68v576z"/></svg></span><!----><span nz-icon nz-tooltip class="anticon code-box-code-copy anticon-code ng-star-inserted"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="code" aria-hidden="true" class=""><path d="M516 673c0 4.4 3.4 8 7.5 8h185c4.1 0 7.5-3.6 7.5-8v-48c0-4.4-3.4-8-7.5-8h-185c-4.1 0-7.5 3.6-7.5 8v48zm-194.9 6.1l192-161c3.8-3.2 3.8-9.1 0-12.3l-192-160.9A7.95 7.95 0 00308 351v62.7c0 2.4 1 4.6 2.9 6.1L420.7 512l-109.8 92.2a8.1 8.1 0 00-2.9 6.1V673c0 6.8 7.9 10.5 13.1 6.1zM880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"/></svg></span><!----><!----><span nz-tooltip class="code-expand-icon"><!----><img alt="expand code" src="https://gw.alipayobjects.com/zos/rmsportal/wSAkBuJFbdxsosKKpqyq.svg" class="code-expand-icon-hide ng-star-inserted"><img alt="expand code" src="https://gw.alipayobjects.com/zos/rmsportal/OpROPHYqWmrMDBFMZtKF.svg" class="code-expand-icon-show ng-star-inserted"><!----></span><!----></div></section><section class="highlight-wrapper"><div class="highlight"><nz-highlight><pre class="language-angular">      <code>Loading...</code>
61    </pre></nz-highlight></div></section></section></nz-code-box><nz-code-box ngskiphydration nztitle="nzEllipsis" nzselector="nz-demo-pipes-ellipsis" nzgeneratecommand="ng g ng-zorro-antd:pipes-ellipsis <name>" nzcomponentname="NzDemoPipesEllipsisComponent" nziframesource="null"><section class="code-box" id="components-pipes-demo-ellipsis"><section class="code-box-demo"><div style="height:falsepx" class="ng-star-inserted"><nz-demo-pipes-ellipsis demo _nghost-docs-c3277939589 ngh="14"><input _ngcontent-docs-c3277939589 nz-input class="ant-input ng-untouched ng-pristine ng-valid ant-input-stepperless" value="Ant Design, a design language for background applications"><!----><br _ngcontent-docs-c3277939589><p _ngcontent-docs-c3277939589>Ant Design, a design language for ba...</p></nz-demo-pipes-ellipsis></div><!----><!----></section><section class="code-box-meta markdown"><div class="code-box-title"><a>nzEllipsis</a><a target="_blank" rel="noopener noreferrer" class="edit-button" href="https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/ellipsis.md"><nz-icon nztype="edit" class="anticon anticon-edit"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="edit" aria-hidden="true" class=""><path d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"/></svg></nz-icon></a></div><div class="code-box-description"><div intro><p>Truncate the string, ending with the specified string</p></div></div><div class="code-box-actions"><span nz-icon nz-tooltip nztype="thunderbolt" nztheme="fill" class="anticon code-box-code-copy anticon-thun
61derbolt"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="thunderbolt" aria-hidden="true" class=""><path d="M848 359.3H627.7L825.8 109c4.1-5.3.4-13-6.3-13H436c-2.8 0-5.5 1.5-6.9 4L170 547.5c-3.1 5.3.7 12 6.9 12h174.4l-89.4 357.6c-1.9 7.8 7.5 13.3 13.3 7.7L853.5 373c5.2-4.9 1.7-13.7-5.5-13.7z"/></svg></span><!----><span nz-icon nz-tooltip class="anticon code-box-code-copy anticon-snippets"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="snippets" aria-hidden="true" class=""><path d="M832 112H724V72c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v40H500V72c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v40H320c-17.7 0-32 14.3-32 32v120h-96c-17.7 0-32 14.3-32 32v632c0 17.7 14.3 32 32 32h512c17.7 0 32-14.3 32-32v-96h96c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zM664 888H232V336h218v174c0 22.1 17.9 40 40 40h174v338zm0-402H514V336h.2L664 485.8v.2zm128 274h-56V456L544 264H360v-80h68v32c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-32h152v32c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-32h68v576z"/></svg></span><!----><span nz-icon nz-tooltip class="anticon code-box-code-copy anticon-code ng-star-inserted"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="code" aria-hidden="true" class=""><path d="M516 673c0 4.4 3.4 8 7.5 8h185c4.1 0 7.5-3.6 7.5-8v-48c0-4.4-3.4-8-7.5-8h-185c-4.1 0-7.5 3.6-7.5 8v48zm-194.9 6.1l192-161c3.8-3.2 3.8-9.1 0-12.3l-192-160.9A7.95 7.95 0 00308 351v62.7c0 2.4 1 4.6 2.9 6.1L420.7 512l-109.8 92.2a8.1 8.1 0 00-2.9 6.1V673c0 6.8 7.9 10.5 13.1 6.1zM880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"/></svg></span><!----><!----><span nz-tooltip class="code-expand-icon"><!----><img alt="expand code" src="https://gw.alipayobjects.com/zos/rmsportal/wSAkBuJFbdxsosKKpqyq.svg" class="code-expand-icon-hide ng-star-inserted"><img alt="expand code" src="https://gw.alipayobjects.com/zos/rmsportal/OpROPHYqWmrMDBFMZtKF.svg" class="code-expand-icon-show ng-star-inserted"><!----></span><!----></div></section><section class="highlight-wrapper"><div class="highlight"><nz-highlight><pre class="language-angular">      <code>Loading...</code>
62    </pre></nz-highlight></div></section></section></nz-code-box><nz-code-box ngskiphydration nztitle="nzAggregate" nzselector="nz-demo-pipes-aggregate" nzgeneratecommand="ng g ng-zorro-antd:pipes-aggregate <name>" nzcomponentname="NzDemoPipesAggregateComponent" nziframesource="null"><section class="code-box" id="components-pipes-demo-aggregate"><section class="code-box-demo"><div style="height:falsepx" class="ng-star-inserted"><nz-demo-pipes-aggregate demo ngh="0"><nz-row class="ant-row" style="margin-left:-8px;margin-right:-8px"><nz-col class="ant-col ant-col-6" style="padding-left:8px;padding-right:8px"><nz-statistic nztitle="Max [7, 8, 2, 3]" class="ant-statistic" ngh="17"><div class="ant-statistic-title">Max [7, 8, 2, 3]<!----><!----></div><!----><div class="ant-statistic-content ng-star-inserted"><!----><nz-statistic-number ngh="16"><span class="ant-statistic-content-value"><!----><span class="ant-statistic-content-value-int ng-star-inserted">8</span><!----><!----><!----></span></nz-statistic-number><!----></div><!----></nz-statistic></nz-col><nz-col class="ant-col ant-col-6" style="padding-left:8px;padding-right:8px"><nz-statistic nztitle="Min [7, 8, 2, 3]" class="ant-statistic" ngh="17"><div class="ant-statistic-title">Min [7, 8, 2, 3]<!----><!----></div><!----><div class="ant-statistic-content ng-star-inserted"><!----><nz-statistic-number ngh="16"><span class="ant-statistic-content-value"><!----><span class="ant-statistic-content-value-int ng-star-inserted">2</span><!----><!----><!----></span></nz-statistic-number><!----></div><!----></nz-statistic></nz-col><nz-col class="ant-col ant-col-6" style="padding-left:8px;padding-right:8px"><nz-statistic nztitle="Sum [7, 8, 2, 3]" class="ant-statistic" ngh="17"><div class="ant-statistic-title">Sum [7, 8, 2, 3]<!----><!----></div><!----><div class="ant-statistic-content ng-star-inserted"><!----><nz-statistic-number ngh="16"><span class="ant-statistic-content-value"><!----><span class="ant-statistic-content-value-int ng-star-inserted">20</span><!----><!----><!----></span></nz-statistic-number><!----></div><!----></nz-statistic></nz-col><nz-col class="ant-col ant-col-6" style="padding-left:8px;padding-right:8px"><nz-statistic nztitle="Avg [7, 8, 2, 3]" class="ant-statistic" ngh="17"><div class="ant-statistic-title">Avg [7, 8, 2, 3]<!----><!----></div><!----><div class="ant-statistic-content ng-star-inserted"><!----><nz-statistic-number ngh="16"><span class="ant-statistic-content-value"><!----><span class="ant-statistic-content-value-int ng-star-inserted">5</span><!----><!----><!----></span></nz-statistic-number><!----></div><!----></nz-statistic></nz-col></nz-row></nz-demo-pipes-aggregate></div><!----><!----></section><section class="code-box-meta markdown"><div class="code-box-title"><a>nzAggregate</a><a target="_blank" rel="noopener noreferrer" class="edit-button" href="https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/aggregate.md"><nz-icon nztype="edit" class="anticon anticon-edit"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="edit" aria-hidden="true" class=""><path d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8
62c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"/></svg></nz-icon></a></div><div class="code-box-description"><div intro><p>Sum, Min, Max, Average and other operations on arrays</p></div></div><div class="code-box-actions"><span nz-icon nz-tooltip nztype="thunderbolt" nztheme="fill" class="anticon code-box-code-copy anticon-thunderbolt"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="thunderbolt" aria-hidden="true" class=""><path d="M848 359.3H627.7L825.8 109c4.1-5.3.4-13-6.3-13H436c-2.8 0-5.5 1.5-6.9 4L170 547.5c-3.1 5.3.7 12 6.9 12h174.4l-89.4 357.6c-1.9 7.8 7.5 13.3 13.3 7.7L853.5 373c5.2-4.9 1.7-13.7-5.5-13.7z"/></svg></span><!----><span nz-icon nz-tooltip class="anticon code-box-code-copy anticon-snippets"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="snippets" aria-hidden="true" class=""><path d="M832 112H724V72c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v40H500V72c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v40H320c-17.7 0-32 14.3-32 32v120h-96c-17.7 0-32 14.3-32 32v632c0 17.7 14.3 32 32 32h512c17.7 0 32-14.3 32-32v-96h96c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zM664 888H232V336h218v174c0 22.1 17.9 40 40 40h174v338zm0-402H514V336h.2L664 485.8v.2zm128 274h-56V456L544 264H360v-80h68v32c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-32h152v32c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-32h68v576z"/></svg></span><!----><span nz-icon nz-tooltip class="anticon code-box-code-copy anticon-code ng-star-inserted"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="code" aria-hidden="true" class=""><path d="M516 673c0 4.4 3.4 8 7.5 8h185c4.1 0 7.5-3.6 7.5-8v-48c0-4.4-3.4-8-7.5-8h-185c-4.1 0-7.5 3.6-7.5 8v48zm-194.9 6.1l192-161c3.8-3.2 3.8-9.1 0-12.3l-192-160.9A7.95 7.95 0 00308 351v62.7c0 2.4 1 4.6 2.9 6.1L420.7 512l-109.8 92.2a8.1 8.1 0 00-2.9 6.1V673c0 6.8 7.9 10.5 13.1 6.1zM880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"/></svg></span><!----><!----><span nz-tooltip class="code-expand-icon"><!----><img alt="expand code" src="https://gw.alipayobjects.com/zos/rmsportal/wSAkBuJFbdxsosKKpqyq.svg" class="code-expand-icon-hide ng-star-inserted"><img alt="expand code" src="https://gw.alipayobjects.com/zos/rmsportal/OpROPHYqWmrMDBFMZtKF.svg" class="code-expand-icon-show ng-star-inserted"><!----></span><!----></div></section><section class="highlight-wrapper"><div class="highlight"><nz-highlight><pre class="language-angular">      <code>Loading...</code>
63    </pre></nz-highlight></div></section></section></nz-code-box><nz-code-box ngskiphydration nztitle="nzSanitizer" nzselector="nz-demo-pipes-sanitizer" nzgeneratecommand="ng g ng-zorro-antd:pipes-sanitizer <name>" nzcomponentname="NzDemoPipesSanitizerComponent" nziframesource="null"><section class="code-box" id="components-pipes-demo-sanitizer"><section class="code-box-demo"><div style="height:falsepx" class="ng-star-inserted"><nz-demo-pipes-sanitizer demo ngh="0"><div><span>I am <code>innerHTML</code></span></div></nz-demo-pipes-sanitizer></div><!----><!----></section><section class="code-box-meta markdown"><div class="code-box-title"><a>nzSanitizer</a><a target="_blank" rel="noopener noreferrer" class="edit-button" href="https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/sanitizer.md"><nz-icon nztype="edit" class="anticon anticon-edit"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="edit" aria-hidden="true" class=""><path d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"/></svg></nz-icon></a></div><div class="code-box-description"><div intro><p>Pipe implementation of DomSanitizer</p><pre><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">[innerHTML]</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>html | nzSanitizer: 'html'<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
64<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">[style]</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>style | nzSanitizer: 'style'<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
65<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>img</span> <span class="token attr-name">[src]</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>url | nzSanitizer: 'url'<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
66<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>iframe</span> <span class="token attr-name">[src]</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>resourceUrl | nzSanitizer: 'resourceUrl'<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>iframe</span><span class="token punctuation">></span></span>
67</code></pre></div></div><div class="code-box-actions"><span nz-icon nz-tooltip nztype="thunderbolt" nztheme="fill" class="anticon code-box-code-copy anticon-thun
67derbolt"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="thunderbolt" aria-hidden="true" class=""><path d="M848 359.3H627.7L825.8 109c4.1-5.3.4-13-6.3-13H436c-2.8 0-5.5 1.5-6.9 4L170 547.5c-3.1 5.3.7 12 6.9 12h174.4l-89.4 357.6c-1.9 7.8 7.5 13.3 13.3 7.7L853.5 373c5.2-4.9 1.7-13.7-5.5-13.7z"/></svg></span><!----><span nz-icon nz-tooltip class="anticon code-box-code-copy anticon-snippets"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="snippets" aria-hidden="true" class=""><path d="M832 112H724V72c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v40H500V72c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v40H320c-17.7 0-32 14.3-32 32v120h-96c-17.7 0-32 14.3-32 32v632c0 17.7 14.3 32 32 32h512c17.7 0 32-14.3 32-32v-96h96c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zM664 888H232V336h218v174c0 22.1 17.9 40 40 40h174v338zm0-402H514V336h.2L664 485.8v.2zm128 274h-56V456L544 264H360v-80h68v32c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-32h152v32c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-32h68v576z"/></svg></span><!----><span nz-icon nz-tooltip class="anticon code-box-code-copy anticon-code ng-star-inserted"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="code" aria-hidden="true" class=""><path d="M516 673c0 4.4 3.4 8 7.5 8h185c4.1 0 7.5-3.6 7.5-8v-48c0-4.4-3.4-8-7.5-8h-185c-4.1 0-7.5 3.6-7.5 8v48zm-194.9 6.1l192-161c3.8-3.2 3.8-9.1 0-12.3l-192-160.9A7.95 7.95 0 00308 351v62.7c0 2.4 1 4.6 2.9 6.1L420.7 512l-109.8 92.2a8.1 8.1 0 00-2.9 6.1V673c0 6.8 7.9 10.5 13.1 6.1zM880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"/></svg></span><!----><!----><span nz-tooltip class="code-expand-icon"><!----><img alt="expand code" src="https://gw.alipayobjects.com/zos/rmsportal/wSAkBuJFbdxsosKKpqyq.svg" class="code-expand-icon-hide ng-star-inserted"><img alt="expand code" src="https://gw.alipayobjects.com/zos/rmsportal/OpROPHYqWmrMDBFMZtKF.svg" class="code-expand-icon-show ng-star-inserted"><!----></span><!----></div></section><section class="highlight-wrapper"><div class="highlight"><nz-highlight><pre class="language-angular">      <code>Loading...</code>
68    </pre></nz-highlight></div></section></section></nz-code-box><nz-code-box ngskiphydration nztitle="nzTrim" nzselector="nz-demo-pipes-trim" nzgeneratecommand="ng g ng-zorro-antd:pipes-trim <name>" nzcomponentname="NzDemoPipesTrimComponent" nziframesource="null"><section class="code-box" id="components-pipes-demo-trim"><section class="code-box-demo"><div style="height:falsepx" class="ng-star-inserted"><nz-demo-pipes-trim demo _nghost-docs-c3326504729 ngh="14"><input _ngcontent-docs-c3326504729 nz-input class="ant-input ng-untouched ng-pristine ng-valid ant-input-stepperless" value=" Ant Design "><!----><br _ngcontent-docs-c3326504729><div _ngcontent-docs-c3326504729><pre _ngcontent-docs-c3326504729> Ant Design </pre></div><div _ngcontent-docs-c3326504729><pre _ngcontent-docs-c3326504729>Ant Design</pre></div></nz-demo-pipes-trim></div><!----><!----></section><section class="code-box-meta markdown"><div class="code-box-title"><a>nzTrim</a><a target="_blank" rel="noopener noreferrer" class="edit-button" href="https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/pipes/demo/trim.md"><nz-icon nztype="edit" class="anticon anticon-edit"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="edit" aria-hidden="true" class=""><path d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"/></svg></nz-icon></a></div><div class="code-box-description"><div intro><p>Strip left and right empty string</p></div></div><div class="code-box-actions"><span nz-icon nz-tooltip nztype="thunderbolt" nztheme="fill" class="anticon code-box-code-copy anticon-thun
68derbolt"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="thunderbolt" aria-hidden="true" class=""><path d="M848 359.3H627.7L825.8 109c4.1-5.3.4-13-6.3-13H436c-2.8 0-5.5 1.5-6.9 4L170 547.5c-3.1 5.3.7 12 6.9 12h174.4l-89.4 357.6c-1.9 7.8 7.5 13.3 13.3 7.7L853.5 373c5.2-4.9 1.7-13.7-5.5-13.7z"/></svg></span><!----><span nz-icon nz-tooltip class="anticon code-box-code-copy anticon-snippets"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="snippets" aria-hidden="true" class=""><path d="M832 112H724V72c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v40H500V72c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v40H320c-17.7 0-32 14.3-32 32v120h-96c-17.7 0-32 14.3-32 32v632c0 17.7 14.3 32 32 32h512c17.7 0 32-14.3 32-32v-96h96c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zM664 888H232V336h218v174c0 22.1 17.9 40 40 40h174v338zm0-402H514V336h.2L664 485.8v.2zm128 274h-56V456L544 264H360v-80h68v32c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-32h152v32c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-32h68v576z"/></svg></span><!----><span nz-icon nz-tooltip class="anticon code-box-code-copy anticon-code ng-star-inserted"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="code" aria-hidden="true" class=""><path d="M516 673c0 4.4 3.4 8 7.5 8h185c4.1 0 7.5-3.6 7.5-8v-48c0-4.4-3.4-8-7.5-8h-185c-4.1 0-7.5 3.6-7.5 8v48zm-194.9 6.1l192-161c3.8-3.2 3.8-9.1 0-12.3l-192-160.9A7.95 7.95 0 00308 351v62.7c0 2.4 1 4.6 2.9 6.1L420.7 512l-109.8 92.2a8.1 8.1 0 00-2.9 6.1V673c0 6.8 7.9 10.5 13.1 6.1zM880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"/></svg></span><!----><!----><span nz-tooltip class="code-expand-icon"><!----><img alt="expand code" src="https://gw.alipayobjects.com/zos/rmsportal/wSAkBuJFbdxsosKKpqyq.svg" class="code-expand-icon-hide ng-star-inserted"><img alt="expand code" src="https://gw.alipayobjects.com/zos/rmsportal/OpROPHYqWmrMDBFMZtKF.svg" class="code-expand-icon-show ng-star-inserted"><!----></span><!----></div></section><section class="highlight-wrapper"><div class="highlight"><nz-highlight><pre class="language-angular">      <code>Loading...</code>
69    </pre></nz-highlight></div></section></section></nz-code-box></div></div><section class="markdown api-container"><h2 id="api"><span>API</span><a onclick='window.location.hash="api"' class="anchor">#</a></h2><h3 id="nzbytes"><span>nzBytes</span><a onclick='window.location.hash="nzbytes"' class="anchor">#</a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td><code>decimal</code></td><td>Decimal</td><td><code>number</code></td><td>'0'</td></tr><tr><td><code>from</code></td><td>Unit of current value</td><td><code>string</code></td><td>'B'</td></tr><tr><td><code>to</code></td><td>Units converted to target value</td><td><code>string</code></td><td>''</td></tr></tbody></table><h3 id="nztocssunit"><span>nzToCssUnit</span><a onclick='window.location.hash="nztocssunit"' class="anchor">#</a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td><code>defaultUnit</code></td><td>Default Unit</td><td><code>string</code></td><td>'px'</td></tr></tbody></table><h3 id="nzellipsis"><span>nzEllipsis</span><a onclick='window.location.hash="nzellipsis"' class="anchor">#</a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td><code>length</code></td><td>Truncate length</td><td><code>number</code></td><td>''</td></tr><tr><td><code>suffix</code></td><td>Replace character</td><td><code>string</code></td><td>''</td></tr></tbody></table><h3 id="nzaggregate"><span>nzAggregate</span><a onclick='window.location.hash="nzaggregate"' class="anchor">#</a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td><code>method</code></td><td>Aggregation</td><td><code>'sum' | 'max' | 'min' | 'avg'</code></td><td>''</td></tr></tbody></table><h3 id="nzsanitizer"><span>nzSanitizer</span><a onclick='window.location.hash="nzsanitizer"' class="anchor">#</a></h3><table><thead><tr><th>
69Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td><code>type</code></td><td>sanitizer type</td><td><code>string</code></td><td>'html'</td></tr></tbody></table></section></article></nz-demo-pipes><!----><nz-contributors-list _ngcontent-docs-c1600906108 _nghost-docs-c2559970923 ngh="19"><ul _ngcontent-docs-c2559970923 class="contributors-list"><!----></ul></nz-contributors-list></div></div><div _ngcontent-docs-c1600906108 nz-row class="ant-row"><div _ngcontent-docs-c1600906108 nz-col class="ant-col ant-col-xs-24 ant-col-sm-24 ant-col-md-24 ant-col-lg-18 ant-col-lg-offset-6 ant-col-xl-19 ant-col-xl-offset-5 ant-col-xxl-20 ant-col-xxl-offset-4"><app-fixed-widgets _ngcontent-docs-c1600906108 ngh="20"><div class="fixed-widgets"><div nz-dropdown nzplacement="topCenter" class="ant-dropdown-trigger ant-avatar ant-avatar-circle ant-avatar-icon fixed-widgets-avatar" style="width:44px;height:44px;line-height:44px;font-size:22px"><theming-icon role="img" class="anticon" ngh="0"><svg width="21" height="21" viewBox="0 0 21 21" fill="currentColor"><g fill-rule="evenodd"><g fill-rule="nonzero"><path d="M7.02 3.635l12.518 12.518a1.863 1.863 0 010 2.635l-1.317 1.318a1.863 1.863 0 01-2.635 0L3.068 7.588A2.795 2.795 0 117.02 3.635zm2.09 14.428a.932.932 0 110 1.864.932.932 0 010-1.864zm-.043-9.747L7.75 9.635l9.154 9.153 1.318-1.317-9.154-9.155zM3.52 12.473c.514 0 .931.417.931.931v.932h.932a.932.932 0 110 1.864h-.932v.931a.932.932 0 01-1.863 0l-.001-.931h-.93a.932.932 0 010-1.864h.93v-.932c0-.514.418-.931.933-.931zm15.374-3.727a1.398 1.398 0 110 2.795 1.398 1.398 0 010-2.795zM4.385 4.953a.932.932 0 000 1.317l2.046 2.047L7.75 7 5.703 4.953a.932.932 0 00-1.318 0zM14.701.36a.932.932 0 01.931.932v.931h.932a.932.932 0 010 1.864h-.933l.001.932a.932.932 0 11-1.863 0l-.001-.932h-.93a.932.932 0 110-1.864h.93v-.931a.932.932 0 01.933-.932z"/></g></g></svg></theming-icon><!----></div><!----></div></app-fixed-widgets><nz-nav-bottom _ngcontent-docs-c1600906108 ngh="21"><section class="prev-next-nav"><!----><!----></section></nz-nav-bottom><app-footer _ngcontent-docs-c1600906108 ngh="27"><footer class="rc-footer rc-footer-dark"><section class="rc-footer-container"><section class="rc-footer-columns"><div app-footer-col class="rc-footer-column" ngh="22"><h2><!----> Resources </h2><app-footer-item title="NG-ZORRO-MOBILE" link="https://ng.mobile.ant.design/" description="Angular" class="rc-footer-item" _nghost-docs-c1235551205 ngh="23"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://ng.mobile.ant.design/"><!----> NG-ZORRO-MOBILE </a><span _ngcontent-docs-c1235551205 class="rc-footer-item-separator">-</span><span _ngcontent-docs-c1235551205 class="rc-footer-item-description">Angular</span><!----></app-footer-item><app-footer-item title="Ant Design" link="https://ant.design/docs/react/introduce-cn" description="React" class="rc-footer-item" _nghost-docs-c1235551205 ngh="23"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://ant.design/docs/react/introduce-cn"><!----> Ant Design </a><span _ngcontent-docs-c1235551205 class="rc-footer-item-separator">-</span><span _ngcontent-docs-c1235551205 class="rc-footer-item-description">React</span><!----></app-footer-item><app-footer-item title="Ant Design" link="https://vue.ant.design/" description="Vue" class="rc-footer-item" _nghost-docs-c1235551205 ngh="23"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://vue.ant.design/"><!----> Ant Design </a><span _ngcontent-docs-c1235551205 class="rc-footer-item-separator">-</span><span _ngcontent-docs-c1235551205 class="rc-footer-item-description">Vue</span><!----></app-footer-item><app-footer-item title="Angular" class="rc-footer-item" _nghost-docs-c1235551205 ngh="24"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://angular.dev/"><!----> Angular </a><!----></app-footer-item><app-footer-item title="Angular CLI" class="rc-footer-item" _nghost-docs-c1235551205 ngh="24"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://angular.dev/tools/cli"><!----> Angular CLI </a><!----></app-footer-item></div><div app-footer-col class="rc-footer-column" ngh="22"><h2><!----> Community </h2><app-footer-item icon="ant-design" title="Awesome Ant Design" link="https://github.com/websemantics/awesome-ant-design" class="rc-footer-item" _nghost-docs-c1235551205 ngh="25"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://github.com/websemantics/awesome-ant-design"><span _ngcontent-docs-c1235551205 class="rc-footer-item-icon"><nz-icon _ngcontent-docs-c1235551205 class="anticon anticon-ant-design"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="ant-design" aria-hidden="true" class=""><path d="M716.3 313.8c19-18.9 19-49.7 0-68.6l-69.9-69.9.1.1c-18.5-18.5-50.3-50.3-95.3-95.2-21.2-2
690.7-55.5-20.5-76.5.5L80.9 474.2a53.84 53.84 0 000 76.4L474.6 944a54.14 54.14 0 0076.5 0l165.1-165c19-18.9 19-49.7 0-68.6a48.7 48.7 0 00-68.7 0l-125 125.2c-5.2 5.2-13.3 5.2-18.5 0L189.5 521.4c-5.2-5.2-5.2-13.3 0-18.5l314.4-314.2c.4-.4.9-.7 1.3-1.1 5.2-4.1 12.4-3.7 17.2 1.1l125.2 125.1c19 19 49.8 19 68.7 0zM408.6 514.4a106.3 106.2 0 10212.6 0 106.3 106.2 0 10-212.6 0zm536.2-38.6L821.9 353.5c-19-18.9-49.8-18.9-68.7.1a48.4 48.4 0 000 68.6l83 82.9c5.2 5.2 5.2 13.3 0 18.5l-81.8 81.7a48.4 48.4 0 000 68.6 48.7 48.7 0 0068.7 0l121.8-121.7a53.93 53.93 0 00-.1-76.4z"/></svg></nz-icon><!----><!----></span><!----> Awesome Ant Design </a><!----></app-footer-item><app-footer-item icon="global" title="Blog" link="https://ng.ant.design/blog" class="rc-footer-item" _nghost-docs-c1235551205 ngh="25"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://ng.ant.design/blog"><span _ngcontent-docs-c1235551205 class="rc-footer-item-icon"><nz-icon _ngcontent-docs-c1235551205 class="anticon anticon-global"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="global" aria-hidden="true" class=""><path d="M854.4 800.9c.2-.3.5-.6.7-.9C920.6 722.1 960 621.7 960 512s-39.4-210.1-104.8-288c-.2-.3-.5-.5-.7-.8-1.1-1.3-2.1-2.5-3.2-3.7-.4-.5-.8-.9-1.2-1.4l-4.1-4.7-.1-.1c-1.5-1.7-3.1-3.4-4.6-5.1l-.1-.1c-3.2-3.4-6.4-6.8-9.7-10.1l-.1-.1-4.8-4.8-.3-.3c-1.5-1.5-3-2.9-4.5-4.3-.5-.5-1-1-1.6-1.5-1-1-2-1.9-3-2.8-.3-.3-.7-.6-1-1C736.4 109.2 629.5 64 512 64s-224.4 45.2-304.3 119.2c-.3.3-.7.6-1 1-1 .9-2 1.9-3 2.9-.5.5-1 1-1.6 1.5-1.5 1.4-3 2.9-4.5 4.3l-.3.3-4.8 4.8-.1.1c-3.3 3.3-6.5 6.7-9.7 10.1l-.1.1c-1.6 1.7-3.1 3.4-4.6 5.1l-.1.1c-1.4 1.5-2.8 3.1-4.1 4.7-.4.5-.8.9-1.2 1.4-1.1 1.2-2.1 2.5-3.2 3.7-.2.3-.5.5-.7.8C103.4 301.9 64 402.3 64 512s39.4 210.1 104.8 288c.2.3.5.6.7.9l3.1 3.7c.4.5.8.9 1.2 1.4l4.1 4.7c0 .1.1.1.1.2 1.5 1.7 3 3.4 4.6 5l.1.1c3.2 3.4 6.4 6.8 9.6 10.1l.1.1c1.6 1.6 3.1 3.2 4.7 4.7l.3.3c3.3 3.3 6.7 6.5 10.1 9.6 80.1 74 187 119.2 304.5 119.2s224.4-45.2 304.3-119.2a300 300 0 0010-9.6l.3-.3c1.6-1.6 3.2-3.1 4.7-4.7l.1-.1c3.3-3.3 6.5-6.7 9.6-10.1l.1-.1c1.5-1.7 3.1-3.3 4.6-5 0-.1.1-.1.1-.2 1.4-1.5 2.8-3.1 4.1-4.7.4-.5.8-.9 1.2-1.4a99 99 0 003.3-3.7zm4.1-142.6c-13.8 32.6-32 62.8-54.2 90.2a444.07 444.07 0 00-81.5-55.9c11.6-46.9 18.8-98.4 20.7-152.6H887c-3 40.9-12.6 80.6-28.5 118.3zM887 484H743.5c-1.9-54.2-9.1-105.7-20.7-152.6 29.3-15.6 56.6-34.4 81.5-55.9A373.86 373.86 0 01887 484zM658.3 165.5c39.7 16.8 75.8 40 107.6 69.2a394.72 394.72 0 01-59.4 41.8c-15.7-45-35.8-84.1-59.2-115.4 3.7 1.4 7.4 2.9 11 4.4zm-90.6 700.6c-9.2 7.2-18.4 12.7-27.7 16.4V697a389.1 389.1 0 01115.7 26.2c-8.3 24.6-17.9 47.3-29 67.8-17.4 32.4-37.8 58.3-59 75.1zm59-633.1c11 20.6 20.7 43.3 29 67.8A389.1 389.1 0 01540 327V141.6c9.2 3.7 18.5 9.1 27.7 16.4 21.2 16.7 41.6 42.6 59 75zM540 640.9V540h147.5c-1.6 44.2-7.1 87.1-16.3 127.8l-.3 1.2A445.02 445.02 0 00540 640.9zm0-156.9V383.1c45.8-2.8 89.8-12.5 130.9-28.1l.3 1.2c9.2 40.7 14.7 83.5 16.3 127.8H540zm-56 56v100.9c-45.8 2.8-89.8 12.5-130.9 28.1l-.3-1.2c-9.2-40.7-14.7-83.5-16.3-127.8H484zm-147.5-56c1.6-44.2 7.1-87.1 16.3-127.8l.3-1.2c41.1 15.6 85 25.3 130.9 28.1V484H336.5zM484 697v185.4c-9.2-3.7-18.5-9.1-27.7-16.4-21.2-16.7-41.7-42.7-59.1-75.1-11-20.6-20.7-43.3-29-67.8 37.2-14.6 75.9-23.3 115.8-26.1zm0-370a389.1 389.1 0 01-115.7-26.2c8.3-24.6 17.9-47.3 29-67.8 17.4-32.4 37.8-58.4 59.1-75.1 9.2-7.2 18.4-12.7 27.7-16.4V327zM365.7 165.5c3.7-1.5 7.3-3 11-4.4-23.4 31.3-43.5 70.4-59.2 115.4-21-12-40.9-26-59.4-41.8 31.8-29.2 67.9-52.4 107.6-69.2zM165.5 365.7c13.8-32.6 32-62.8 54.2-90.2 24.9 21.5 52.2 40.3 81.5 55.9-11.6 46.9-18.8 98.4-20.7 152.6H137c3-40.9 12.6-80.6 28.5-118.3zM137 540h143.5c1.9 54.2 9.1 105.7 20.7 152.6a444.07 444.07 0 00-81.5 55.9A373.86 373.86 0 01137 540zm228.7 318.5c-39.7-16.8-75.8-40-107.6-69.2 18.5-15.8 38.4-29.7 59.4-41.8 15.7 45 35.8 84.1 59.2 115.4-3.7-1.4-7.4-2.9-11-4.4zm292.6 0c-3.7 1.5-7.3 3-11 4.4 23.4-31.3 43.5-70.4 59.2-115.4 21 12 40.9 26 59.4 41.8a373.81 373.81 0 01-107.6 69.2z"/></svg></nz-icon><!----><!----></span><!----> Blog </a><!----></app-footer-item><app-footer-item icon="x" title="X" link="https://x.com/ng_zorro" class="rc-footer-item" _nghost-docs-c1235551205 ngh="25"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://x.com/ng_zorro"><span _ngcontent-docs-c1235551205 class="rc-footer-item-icon"><nz-icon _ngcontent-docs-c1235551205 class="anticon anticon-x"><svg fill-rule="evenodd" viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="x" aria-hidden="true" class=""><path d="M921 912L601.11 445.75l.55.43L890.08 112H793.7L558.74 384 372.15 112H119.37l298.65 435.31-.04-.04L103 912h96.39L460.6 609.38 668.2 912zM333.96 184.73l448.83 654.54H706.4L257.2 184.73z"/></svg></nz-icon><!----><!----></span><!----> X </a><!----></app-footer-item><!----><app-footer-item icon="medium" title="Medium" link="https://medium.com/ng-zorro" class="rc-footer-item" _nghost-docs-c1235551205 ngh="25"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://medium.com/ng-zorro"><span _ngcontent-docs-c1235551205 class="rc-footer-item-icon"><nz-icon _ngcontent-docs-c1235551205 class="anticon anticon-medium"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="medium" aria-hidden="true" class=""><path d="M834.7 279.8l61.3-58.9V208H683.7L532.4 586.4 360.3 208H137.7v12.9l71.6 86.6c7 6.4 10.6 15.8 9.7 25.2V673c2.2 12.3-1.7 24.8-10.3 33.7L128 805v12.7h228.6v-12.9l-80.6-98a39.99 39.99 0 01-11.1-33.7V378.7l200.7 439.2h23.3l172.6-439.2v349.9c0 9.2 0 11.1-6 17.2l-62.1 60.3V819h301.2v-12.9l-59.9-58.9c-5.2-4-7.9-10.7-6.8-17.2V297a18.1 18.1 0 016.8-17.2z"/></svg></nz-icon><!----><!----></span><!----> Medium </a><!----></app-footer-item></div><div app-footer-col class="rc-footer-column" ngh="22"><h2><!----> Help </h2><app-footer-item icon="github" title="GitHub" link="https://github.com/NG-ZORRO/ng-zorro-antd" class="rc-footer-item" _nghost-docs-c1235551205 ngh="25"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://github.com/NG-ZORRO/ng-zorro-antd"><span _ngcontent-docs-c1235551205 class="rc-footer-item-icon"><nz-icon _ngcontent-docs-c1235551205 class="anticon anticon-github"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="github" aria-hidden="true" class=""><path d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 12
691.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9a127.5 127.5 0 0138.1 91v112.5c.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z"/></svg></nz-icon><!----><!----></span><!----> GitHub </a><!----></app-footer-item><app-footer-item icon="history" class="rc-footer-item" _nghost-docs-c1235551205 ngh="25"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://ng.ant.design/docs/changelog/en"><span _ngcontent-docs-c1235551205 class="rc-footer-item-icon"><nz-icon _ngcontent-docs-c1235551205 class="anticon anticon-history"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="history" aria-hidden="true" class=""><path d="M536.1 273H488c-4.4 0-8 3.6-8 8v275.3c0 2.6 1.2 5 3.3 6.5l165.3 120.7c3.6 2.6 8.6 1.9 11.2-1.7l28.6-39c2.7-3.7 1.9-8.7-1.7-11.2L544.1 528.5V281c0-4.4-3.6-8-8-8zm219.8 75.2l156.8 38.3c5 1.2 9.9-2.6 9.9-7.7l.8-161.5c0-6.7-7.7-10.5-12.9-6.3L752.9 334.1a8 8 0 003 14.1zm167.7 301.1l-56.7-19.5a8 8 0 00-10.1 4.8c-1.9 5.1-3.9 10.1-6 15.1-17.8 42.1-43.3 80-75.9 112.5a353 353 0 01-112.5 75.9 352.18 352.18 0 01-137.7 27.8c-47.8 0-94.1-9.3-137.7-27.8a353 353 0 01-112.5-75.9c-32.5-32.5-58-70.4-75.9-112.5A353.44 353.44 0 01171 512c0-47.8 9.3-94.2 27.8-137.8 17.8-42.1 43.3-80 75.9-112.5a353 353 0 01112.5-75.9C430.6 167.3 477 158 524.8 158s94.1 9.3 137.7 27.8A353 353 0 01775 261.7c10.2 10.3 19.8 21 28.6 32.3l59.8-46.8C784.7 146.6 662.2 81.9 524.6 82 285 82.1 92.6 276.7 95 516.4 97.4 751.9 288.9 942 524.8 942c185.5 0 343.5-117.6 403.7-282.3 1.5-4.2-.7-8.9-4.9-10.4z"/></svg></nz-icon><!----><!----></span><!----> Changelog </a><!----></app-footer-item><app-footer-item icon="profile" class="rc-footer-item" _nghost-docs-c1235551205 ngh="25"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://ng.ant.design/docs/faq/en"><span _ngcontent-docs-c1235551205 class="rc-footer-item-icon"><nz-icon _ngcontent-docs-c1235551205 class="anticon anticon-profile"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="profile" aria-hidden="true" class=""><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656zM492 400h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zm0 144h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zm0 144h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H492c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8zM340 368a40 40 0 1080 0 40 40 0 10-80 0zm0 144a40 40 0 1080 0 40 40 0 10-80 0zm0 144a40 40 0 1080 0 40 40 0 10-80 0z"/></svg></nz-icon><!----><!----></span><!----> FAQ </a><!----></app-footer-item><app-footer-item icon="bug" class="rc-footer-item" _nghost-docs-c1235551205 ngh="25"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://ng.ant.design/issue-helper/#/en"><span _ngcontent-docs-c1235551205 class="rc-footer-item-icon"><nz-icon _ngcontent-docs-c1235551205 class="anticon anticon-bug"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="bug" aria-hidden="true" class=""><path d="M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"/><path d="M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"/>
69</svg></nz-icon><!----><!----></span><!----> Bug Report </a><!----></app-footer-item><app-footer-item icon="issues-close" class="rc-footer-item" _nghost-docs-c1235551205 ngh="25"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://ng.ant.design/issue-helper/#/en"><span _ngcontent-docs-c1235551205 class="rc-footer-item-icon"><nz-icon _ngcontent-docs-c1235551205 class="anticon anticon-issues-close"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="issues-close" aria-hidden="true" class=""><path d="M464 688a48 48 0 1096 0 48 48 0 10-96 0zm72-112c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48zm400-188h-59.3c-2.6 0-5 1.2-6.5 3.3L763.7 538.1l-49.9-68.8a7.92 7.92 0 00-6.5-3.3H648c-6.5 0-10.3 7.4-6.5 12.7l109.2 150.7a16.1 16.1 0 0026 0l165.8-228.7c3.8-5.3 0-12.7-6.5-12.7zm-44 306h-64.2c-5.5 0-10.6 2.9-13.6 7.5a352.2 352.2 0 01-49.8 62.2A355.92 355.92 0 01651.1 840a355 355 0 01-138.7 27.9c-48.1 0-94.8-9.4-138.7-27.9a355.92 355.92 0 01-113.3-76.3A353.06 353.06 0 01184 650.5c-18.6-43.8-28-90.5-28-138.5s9.4-94.7 28-138.5c17.9-42.4 43.6-80.5 76.4-113.2 32.8-32.7 70.9-58.4 113.3-76.3a355 355 0 01138.7-27.9c48.1 0 94.8 9.4 138.7 27.9 42.4 17.9 80.5 43.6 113.3 76.3 19 19 35.6 39.8 49.8 62.2 2.9 4.7 8.1 7.5 13.6 7.5H892c6 0 9.8-6.3 7.2-11.6C828.8 178.5 684.7 82 517.7 80 278.9 7
697.2 80.5 272.5 80 511.2 79.5 750.1 273.3 944 512.4 944c169.2 0 315.6-97 386.7-238.4A8 8 0 00892 694z"/></svg></nz-icon><!----><!----></span><!----> Issue </a><!----></app-footer-item><!----><app-footer-item icon="question-circle" title="StackOverflow" link="https://stackoverflow.com/questions/tagged/ng-zorro-antd" class="rc-footer-item" _nghost-docs-c1235551205 ngh="25"><a _ngcontent-docs-c1235551205 target="_blank" rel="noopener" href="https://stackoverflow.com/questions/tagged/ng-zorro-antd"><span _ngcontent-docs-c1235551205 class="rc-footer-item-icon"><nz-icon _ngcontent-docs-c1235551205 class="anticon anticon-question-circle"><svg viewBox="64 64 896 896" focusable="false" fill="currentColor" width="1em" height="1em" data-icon="question-circle" aria-hidden="true" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"/><path d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"/></svg></nz-icon><!----><!----></span><!----> StackOverflow </a><!----></app-footer-item><div class="rc-footer-item" style="margin-top:20px"><nz-color-picker class="ant-color-picker-inline" ngh="26"><div nz-popover class="ant-color-picker-trigger"><nz-color-block class="ant-color-picker-inline" ngh="0"><ng-antd-color-block ngh="0"><div class="ant-color-picker-color-block"><div class="ant-color-picker-color-block-inner" style="background-color:#1890ff"></div></div></ng-antd-color-block></nz-color-block><!----><!----><!----></div><!----><!----><!----><!----></nz-color-picker></div></div></section></section><section class="rc-footer-bottom"><div class="rc-footer-bottom-container"> Made with <span style="color:#fff">❤</span> by NG-ZORRO team </div></section></footer></app-footer></div></div></div></div></div><!----><!----></app-root>
70    <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 68 bytes, lines 70-71
70
71    <script async src="https://www.googletagmanager.com/gtag/js?id=
71UA-52892298-2
vendor: 16 bytes, lines 71-72
71"></script>
72    
72<script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-52892298-2")</script>
72
73    <noscript>Please enable JavaScript to continue using this application.</noscript>
74  <link rel="modulepreload" href="chunk-6JBONJQN.js"><link rel="modulepreload" href="chunk-OCV5D4S5.js"><link rel="modulepreload" href="chunk-KBYMX3GG.js"><link rel="modulepreload" href="chunk-OP7XNRH3.js"><link rel="modulepreload" href="chunk-LRJA5DLQ.js"><link rel="modulepreload" href="chunk-F2XTFB6A.js"><link rel="modulepreload" href="chunk-53EALC3F.js"><link rel="modulepreload" href="chunk-OATBGVYJ.js"><link rel="modulepreload" href="chunk-FJNJ3BVC.js"><link rel="modulepreload" href="chunk-CKIVHVUW.js">
74<script src="polyfills-B6TNHZQ6.js" type="module"></script>
74<script src="main-E7V3GGOA.js" type="module"></script>
74
75
76<script id="docs-state" type="application/json">{"__nghData__":[{},{"c":{"1":[]}},{"n":{"1":"0f2","5":"4f2","9":"8f2"},"t":{"12":"t4","13":"t5","14":"t6"},"c":{"12":[],"13":[],"14":[]}},{"t":{"2":"t9"},"c":{"2":[]}},{"t":{"0":"t11","1":"t14"},"c":{"0":[{"i":"t11","r":4,"e":{"0":3},"t":{"1":"t12","2":"t13"},"c":{"1":[],"2":[{"i":"t13","r":1}]}}],"1":[]}},{"t":{"0":"t8","1":"t15","2":"t16"},"c":{"0":[{"i":"t8","r":3,"t":{"1":"t10"},"c":{"1":[{"i":"t10","r":1}]}}],"1":[],"2":[]}},{"t":{"0":"t18","1":"t19","2":"t20","3":"t25"},"c":{"0":[],"1":[],"2":[{"i":"t20","r":5,"t":{"0":"t21","1":"t24"},"c":{"0":[{"i":"t21","r":3,"t":{"0":"t22","1":"t23"},"c":{"0":[],"1":[{"i":"t23","r":1}]}}],"1":[]}}],"3":[{"i":"t26","r":1,"t":{"0":"t27"},"c":{"0":[]}}]}},{"t":{"2":"t17","3":"t28","4":"t29"},"c":{"2":[{"i":"t17","r":1,"d":[1]}],"3":[],"4":[]}},{"t":{"0":"t30"},"c":{"0":[]}},{"t":{"1":"t0","7":"t1","8":"t2"},"c":{"1":[],"7":[{"i":"t1","r":8,"c":{"0":[{"i":"t2","r":7,"t":{"0":"t3"},"c":{"0":[{"i":"t3","r":6,"t":{"1":"t7"},"c":{"1":[{"i":"t7","r":4,"d":[1,3],"n":{"5":"4fnf","7":"6fnf"}}]}}]}}]}}],"8":[]}},{"t":{"2":"t39","3":"t40"},"c":{"2":[{"i":"t39","r":2,"e":{"0":1}}],"3":[]}},{"t":{"1":"t34","2":"t35","3":"t46"},"c":{"1":[],"2":[],"3":[{"i":"t46","r":17,"t":{"1":"t1163"},"c":{"1":[{"i":"t1163","r":1,"n":{"1":"0fn"},"t":{"3":"t1164"},"c":{"3":[{"i":"t1164","r":1,"n":{"1":"0f2"},"t":{"6":"t1165"},"c":{"6":[]}}]},"x":4},{"i":"t1163","r":1,"n":{"1":"0fn"},"t":{"3":"t1164"},"c":{"3":[]},"x":2},{"i":"t1163","r":1,"n":{"1":"0fn"},"t":{"3":"t1164"},"c":{"3":[{"i":"t1164","r":1,"n":{"1":"0f2"},"t":{"6":"t1165"},"c":{"6":[]},"x":2}]},"x":4},{"i":"t1163","r":1,"n":{"1":"0fn"},"t":{"3":"t1164"},"c":{"3":[]},"x":6}]}}]}},{"t":{"0":"t103","1":"t104","2":"t106"},"c":{"0":[],"1":[{"i":"t104","r":2,"t":{"0":"t105"},"c":{"0":[{"i":"t106","r":1}]}}],"2":[]}},{"t":{"2":"t107","3":"t108","4":"t109"},"c":{"2":[{"i":"t107","r":1}],"3":[],"4":[{"i":"t109","r":0}]}},{"c":{"0":[]}},{"t":{"2":"t578","4":"t580","5":"t581"},"c":{"2":[],"4":[{"i":"t580","r":1}],"5":[]}},{"t":{"1":"t709","2":"t710"},"c":{"1":[],"2":[{"i":"t710","r":3,"t":{"0":"t711","1":"t712"},"c":{"0":[{"i":"t711","r":1}],"1":[]}}]}},{"t":{"1":"t705","2":"t706","3":"t707"},"c":{"1":[{"i":"t705","r":2,"e":{"0":1}}],"2":[],"3":[{"i":"t707","r":1,"t":{"1":"t708","3":"t713"},"c":{"1":[],"3":[]}}]}},{"n":{"2":"1f2","3":"2fnf2n"},"c":{"37":[]}},{"t":{"2":"t86"},"c":{"2":[]}},{"c":{"1":[]},"d":[3,5,6,7,8,9,10,11,12,13]},{"t":{"1":"t87","2":"t88"},"c":{"1":[],"2":[]}},{"t":{"1":"t89"},"c":{"1":[]}},{"t":{"1":"t90","4":"t91"},"c":{"1":[],"4":[{"i":"t91","r":2}]}},{"t":{"1":"t90","4":"t91"},"c":{"1":[],"4":[]}},{"t":{"1":"t90","4":"t91"},"c":{"1":[{"i":"t90","r":1,"t":{"1":"t92","2":"t93"},"c":{"1":[{"i":"t92","r":1}],"2":[]}}],"4":[]}},{"c":{"0":[],"1":[{"i":"t96","r":1}],"2":[],"3":[],"4":[],"6":[],"8":[]},"t":{"1":"t96","2":"t97","3":"t98","4":"t99","6":"t100","8":"t101"}},{"n":{"4":"3fn","10":"9fn","16":"15fn"},"t":{"13":"t94","21":"t95"},"c":{"13":[],"21":[]}},{"t":{"5":"t31","14":"t102","15":"t33"},"c":{"5":[{"i":"t31","r":1,"n":{"2":"1f2"},"t":{"3":"t32"},"c":{"3":[{"i":"t33","r":1}]}}],"7":[{"i":"c3043147280","r":1}],"14":[],"15":[]}}]}</script>
76</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.