https://preview-9068-ng-zorro-antd.surge.sh/chunk-HJ4RBDK2.js

1import{a as ee,b,c as x,d as c}from"./chunk-F2ZJHMMR.js";import{d as J,e as Y}from"./chunk-UYZJPMN6.js";import{c as V,e as j}from"./chunk-5MIZTJTE.js";import"./chunk-56XIMETV.js";import"./chunk-MM6PISML.js";import"./chunk-AMB2SXIB.js";import{a as z,g as O,h as M,j as P}from"./chunk-2A4LUMJE.js";import"./chunk-M3GNLX5T.js";import"./chunk-55DQELCM.js";import{Ha as S,Ja as H,Jc as T,Kc as G,Nc as _,gc as L,y as $}from"./chunk-O3IWK6WU.js";import{Ac as v,Bc as A,Fc as R,Gc as e,Ib as u,Ob as q,Sc as K,Vb as a,ad as X,hc as n,ic as t,jc as l,qc as C,rb as m,xa as d,ya as p,zc as w}from"./chunk-NACBYLXS.js";import"./chunk-EQDQRRRY.js";var g=class r{static \u0275fac=function(i){return new(i||r)};static \u0275cmp=u({type:r,selectors:[["nz-demo-breadcrumb-auto"]],decls:2,vars:1,consts:[[3,"nzAutoGenerate"]],template:function(i,s){i&1&&(n(0,"nz-breadcrumb",0),e(1," Please refer to StackBlitz demo at https://stackblitz.com/edit/ng-zorro-breadcrumb-auto "),t()),i&2&&a("nzAutoGenerate",!0)},dependencies:[c,x],encapsulation:2})};var N=class r{static \u0275fac=function(i){return new(i||r)};static \u0275cmp=u({type:r,selectors:[["nz-demo-breadcrumb-basic"]],decls:8,vars:0,template:function(i,s){i&1&&(n(0,"nz-breadcrumb")(1,"nz-breadcrumb-item"),e(2,"Home"),t(),n(3,"nz-breadcrumb-item")(4,"a"),e(5,"Application List"),t()(),n(6,"nz-breadcrumb-item"),e(7,"An Application"),t()())},dependencies:[c,x,b],encapsulation:2})};var F=class r{static \u0275fac=function(i){return new(i||r)};static \u0275cmp=u({type:r,selectors:[["nz-demo-breadcrumb-dropdown"]],decls:20,vars:1,consts:[["menu","nzDropdownMenu"],[3,"nzOverlay"],["href",""],["nz-menu","","nzSelectable",""],["nz-menu-item",""]],template:function(i,s){if(i&1&&(n(0,"nz-breadcrumb")(1,"nz-breadcrumb-item"),e(2,"Ant Design"),t(),n(3,"nz-breadcrumb-item")(4,"a"),e(5,"Component"),t()(),n(6,"nz-breadcrumb-item",1)(7,"a",2),e(8,"An Application"),t()(),n(9,"nz-breadcrumb-item"),e(10,"Button"),t()(),n(11,"nz-dropdown-menu",null,0)(13,"ul",3)(14,"li",4),e(15,"General"),t(),n(16,"li",4),e(17,"Layout"),t(),n(18,"li",4),e(19,"Navigation"),t()()()),i&2){let E=R(12);m(6),a("nzOverlay",E)}},dependencies:[c,x,b,Y,j,V,J],encapsulation:2})};var te=()=>["../../"],I=class r{static \u0275fac=function(i){return new(i||r)};static \u0275cmp=u({type:r,selectors:[["nz-demo-breadcrumb-router"]],decls:6,vars:2,consts:[[3,"routerLink"]],template:function(i,s){i&1&&(n(0,"nz-breadcrumb")(1,"nz-breadcrumb-item")(2,"a",0),e(3,"Home"),t()(),n(4,"nz-breadcrumb-item"),e(5,"Breadcrumb"),t()()),i&2&&(m(2),a("routerLink",K(1,te)))},dependencies:[$,c,x,b],encapsulation:2})};var D=class r{static \u0275fac=function(i){return new(i||r)};static \u0275cmp=u({type:r,selectors:[["nz-demo-breadcrumb-separator-independent"]],decls:16,vars:1,consts:[[3,"nzSeparator"]],template:function(i,s){i&1&&(n(0,"nz-breadcrumb",0)(1,"nz-breadcrumb-item"),e(2,"Location"),t(),n(3,"nz-breadcrumb-separator"),e(4,":"),t(),n(5,"nz-breadcrumb-item")(6,"a"),e(7,"Application Center"),t()(),n(8,"nz-breadcrumb-separator"),e(9,"/"),t(),n(10,"nz-breadcrumb-item"),e(11,"Application List"),t(),n(12,"nz-breadcrumb-separator"),e(13,"/"),t(),n(14,"nz-breadcrumb-item"),e(15,"An Application"),t()()),i&2&&a("nzSeparator",null)},dependencies:[c,x,b,ee],encapsulation:2})};function ne(r,o){r&1&&l(0,"nz-icon",3)}var k=class r{static \u0275fac=function(i){return new(i||r)};static \u0275cmp=u({type:r,selectors:[["nz-demo-breadcrumb-separator"]],decls:23,vars:1,consts:[["iconTemplate",""],["nzSeparator",">"],[3,"nzSeparator"],["nzType","arrow-right"]],template:function(i,s){if(i&1&&(n(0,"h4"),e(1,"String"),t(),n(2,"nz-breadcrumb",1)(3,"nz-breadcrumb-item"),e(4,"Home"),t(),n(5,"nz-breadcrumb-item")(6,"a"),e(7,"Application List"),t()(),n(8,"nz-breadcrumb-item"),e(9,"An Application"),t()(),l(10,"br"),n(11,"h4"),e(12,"TemplateRef"),t(),n(13,"nz-breadcrumb",2)(14,"nz-breadcrumb-item"),e(15,"Home"),t(),n(16,"nz-breadcrumb-item")(17,"a"),e(18,"Application List"),t()(),n(19,"nz-breadcrumb-item"),e(20,"An Application"),t()(),q(21,ne,1,0,"ng-template",null,0,X)),i&2){let E=R(22);m(13),a("nzSeparator",E)}},dependencies:[c,x,b,H,S],styles:["h4[_ngcontent-%COMP%]:first-child{margin-top:0}h4[_ngcontent-%COMP%]{margin:16px 0;font-size:14px;line-height:1;font-weight:400}"]})};var y=class r{static \u0275fac=function(i){return new(i||r)};static \u0275cmp=u({type:r,selectors:[["nz-demo-breadcrumb-with-icon"]],decls:10,vars:0,consts:[["nzType","home"],["nzType","user"]],template:function(i,s){i&1&&(n(0,"nz-breadcrumb")(1,"nz-breadcrumb-item"),l(2,"nz-icon",0),t(),n(3,"nz-breadcrumb-item")(4,"a"),l(5,"nz-icon",1),n(6,"span"),e(7,"Application List"),t()()(),n(8,"nz-breadcrumb-item"),e(9,"Application"),t()())},dependencies:[c,x,b,H,S],encapsulation:2})};var Z=class r{expanded=!1;codeBoxes;goLink(o){window&&(window.location.hash=o)}

1expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(o=>o.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||r)};static \u0275cmp=u({type:r,selectors:[["nz-demo-breadcrumb"]],viewQuery:function(i,s){if(i&1&&w(z,5),i&2){let E;v(E=A())&&(s.codeBoxes=E)}},decls:789,vars:42,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-breadcrumb-demo-basic","nzTitle","\u57FA\u672C"],["nzHref","#components-breadcrumb-demo-with-icon","nzTitle","\u5E26\u6709\u56FE\u6807\u7684"],["nzHref","#components-breadcrumb-demo-router","nzTitle","\u8DEF\u7531"],["nzHref","#components-breadcrumb-demo-auto","nzTitle","\u81EA\u52A8\u751F\u6210"],["nzHref","#components-breadcrumb-demo-separator","nzTitle","\u5206\u9694\u7B26"],["nzHref","#components-breadcrumb-demo-dropdown","nzTitle","\u5E26\u4E0B\u62C9\u83DC\u5355\u7684\u9762\u5305\u5C51"],["nzHref","#components-breadcrumb-demo-separator-independent","nzTitle","\u72EC\u7ACB\u7684\u5206\u9694\u7B26"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5C55\u5F00\u5168\u90E8\u4EE3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","\u57FA\u672C","nzSelector","nz-demo-breadcrumb-basic","nzGenerateCommand","ng g ng-zorro-antd:breadcrumb-basic <name>","nzComponentName","NzDemoBreadcrumbBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u8DEF\u7531","nzSelector","nz-demo-breadcrumb-router","nzGenerateCommand","ng g ng-zorro-antd:breadcrumb-router <name>","nzComponentName","NzDemoBreadcrumbRouterComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["href","https://angular.cn/api/router/RouterLink","target","_blank","rel","noopener"],["nzTitle","\u5206\u9694\u7B26","nzSelector","nz-demo-breadcrumb-separator","nzGenerateCommand","ng g ng-zorro-antd:breadcrumb-separator <name>","nzComponentName","NzDemoBreadcrumbSeparatorComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u72EC\u7ACB\u7684\u5206\u9694\u7B26","nzSelector","nz-demo-breadcrumb-separator-independent","nzGenerateCommand","ng g ng-zorro-antd:breadcrumb-separator-independent <name>","nzComponentName","NzDemoBreadcrumbSeparatorIndependentComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u5E26\u6709\u56FE\u6807\u7684","nzSelector","nz-demo-breadcrumb-with-icon","nzGenerateCommand","ng g ng-zorro-antd:breadcrumb-with-icon <name>","nzComponentName","NzDemoBreadcrumbWithIconComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u52A8\u751F\u6210","nzSelector","nz-demo-breadcrumb-auto","nzGenerateCommand","ng g ng-zorro-antd:breadcrumb-auto <name>","nzComponentName","NzDemoBreadcrumbAutoComponent","nzIframeSource","https://stackblitz.com/edit/ng-zorro-breadcrumb-auto?embed=1&file=src/app/app.component.html&hideExplorer=1&hideNavigation=1&view=preview",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u5E26\u4E0B\u62C9\u83DC\u5355\u7684\u9762\u5305\u5C51","nzSelector","nz-demo-breadcrumb-dropdown","nzGenerateCommand","ng g ng-zorro-antd:breadcrumb-dropdown <name>","nzComponentName","NzDemoBreadcrumbDropdownComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-breadcrumb"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-breadcrumb'",1,"anchor"],[1,"token","operator"],[1,"token","function-variable","function"],[1,"token","function"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"],[1,"token","punctuation","attr-equals"],[1,"token","comment"],[1,"token","builtin"],[1,"token","template-string"],[1,"token","template-punctuation","string"],[1,"token","interpolation"],[1,"token","interpolation-punctuation","punctuation"]],template:function(i,s){i&1&&(n(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),C("nzClick",function(Q){return s.goLink(Q)}),l(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9),t()(),n(11,"section",10)(12,"h1"),e(13,"Breadcrumb"),n(14,"span",11),e(15,"\u9762\u5305\u5C51"),t(),l(16,"span",12),n(17,"a",13),l(18,"nz-icon",14),t()(),n(19,"section",10),p(),n(20,"p"),e(21,"\u663E\u793A\u5F53\u524D\u9875\u9762\u5728\u7CFB\u7EDF\u5C42\u7EA7\u7ED3\u6784\u4E2D\u7684\u4F4D\u7F6E\uFF0C\u5E76\u80FD\u5411\u4E0A\u8FD4\u56DE\u3002"),t(),n(22,"h2",15)(23,"span"),e(24,"\u4F55\u65F6\u4F7F\u7528"),t(),n(25,"a",16),e(26,"#"),t()(),n(27,"ul")(28,"li"),e(29,"\u5F53\u7CFB\u7EDF\u62E5\u6709\u8D85\u8FC7\u4E24\u7EA7\u4EE5\u4E0A\u7684\u5C42\u7EA7\u7ED3\u6784\u65F6\uFF1B"),t(),n(30,"li"),e(31,"\u5F53\u9700\u8981\u544A\u77E5\u7528\u6237\u300E\u4F60\u5728\u54EA\u91CC\u300F\u65F6\uFF1B"),t(),n(32,"li"),e(33,"\u5F53\u9700\u8981\u5411\u4E0A\u5BFC\u822A\u7684\u529F\u80FD\u65F6\u3002"),t()(),n(34,"pre")(35,"code",17)(36,"span",18),e(37,"import"),t(),e(38," "),n(39,"span",19),e(40,"{"),t(),e(41," NzBreadCrumbModule "),n(42,"span",19),e(43,"}"),t(),e(44," "),n(45,"span",18),e(46,"from"),t(),e(47," "),n(48,"span",20),e(49,"'ng-zorro-antd/breadcrumb'"),t(),n(50,"span",19),e(51,";"),t(),e(52,`
2`),t()(),d(),t(),n(53,"h2")(54,"span"),e(55,"\u4EE3\u7801\u6F14\u793A"),t(),n(56,"nz-icon",21),C("click",function(){return s.expandAllCode()}),t()()(),n(57,"div",22)(58,"div",23)(59,"nz-code-box",24),l(60,"nz-demo-breadcrumb-basic",25),n(61,"div",26),p(),n(62,"p"),e(63,"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002"),t(),d(),t()(),n(64,"nz-code-box",27),l(65,"nz-demo-breadcrumb-router",25),n(66,"div",26),p(),n(67,"p"),e(68,"\u548C "),n(69,"a",28),e(70,"RouterLink"),t(),e(71," \u8FDB\u884C\u7ED3\u5408\u4F7F\u7528\u3002"),t(),d(),t()(),n(72,"nz-code-box",29),l(73,"nz-demo-breadcrumb-separator",25),n(74,"div",26),p(),n(75,"p"),e(76,"\u4F7F\u7528 "),n(77,"code"),e(78,"nzSeparator"),t(),e(79," \u53EF\u4EE5\u81EA\u5B9A\u4E49\u5206\u9694\u7B26\u3002"),t(),d(),t()(),n(80,"nz-code-box",30),l(81,"nz-demo-breadcrumb-separator-independent",25),n(82,"div",26),p(),n(83,"p"),e(84,"\u4F7F\u7528 "),n(85,"code"),e(86,"nz-breadcrumb-separator"),t(),e(87," \u53EF\u4EE5\u81EA\u5B9A\u4E49\u5206\u9694\u7B26\u3002"),t(),d(),t()()(),n(88,"div",23)(89,"nz-code-box",31),l(90,"nz-demo-breadcrumb-with-icon",25),n(91,"div",26),p(),n(92,"p"),e(93,"\u56FE\u6807\u653E\u5728\u6587\u5B57\u524D\u9762\u3002"),t(),d(),t()(),n(94,"nz-code-box",32),l(95,"nz-demo-breadcrumb-auto",25),n(96,"div",26),p(),n(97,"p"),e(98,"\u901A\u8FC7\u914D\u7F6E "),n(99,"code"),e(100,"router.data"),t(),e(101," \u81EA\u52A8\u751F\u6210\u9762\u5305\u5C51\u3002"),t(),d(),t()(),n(102,"nz-code-box",33),l(103,"nz-demo-breadcrumb-dropdown",25),n(104,"div",26),p(),n(105,"p"),e(106,"\u9762\u5305\u5C51\u652F\u6301\u4E0B\u62C9\u83DC\u5355\u3002"),t(),d(),t()()()(),n(107,"section",34),p(),n(108,"h2",35)(109,"span"),e(110,"API"),t(),n(111,"a",36),e(112,"#"),t()(),n(113,"h3",37)(114,"span"),e(115,"nz-breadcrumb"),t(),n(116,"label",38),e(117,"component"),t(),n(118,"a",39),e(119,"#"),t()(),n(120,"table")(121,"thead")(122,"tr")(123,"th"),e(124,"\u53C2\u6570"),t(),n(125,"th"),e(126,"\u8BF4\u660E"),t(),n(127,"th"),e(128,"\u7C7B\u578B"),t(),n(129,"th"),e(130,"\u9ED8\u8BA4\u503C"),t()()(),n(131,"tbody")(132,"tr")(133,"td")(134,"code"),e(135,"[nzSeparator]"),t()(),n(136,"td"),e(137,"\u5206\u9694\u7B26\u81EA\u5B9A\u4E49"),t(),n(138,"td")(139,"code"),e(140,"string | TemplateRef<void> | null"),t()(),n(141,"td")(142,"code"),e(143,"'/'"),t()()(),n(144,"tr")(145,"td")(146,"code"),e(147,"[nzAutoGenerate]"),t()(),n(148,"td"),e(149,"\u81EA\u52A8\u751F\u6210 Breadcrumb"),t(),n(150,"td")(151,"code"),e(152,"boolean"),t()(),n(153,"td")(154,"code"),e(155,"false"),t()()(),n(156,"tr")(157,"td")(158,"code"),e(159,"[nzRouteLabel]"),t()(),n(160,"td"),e(161,"\u81EA\u5B9A\u4E49 route data \u5C5E\u6027\u540D\u79F0\uFF0C"),n(162,"code"),e(163,"nzAutoGenerate"),t(),e(164," \u4E3A "),n(165,"code"),e(166,"true"),t(),e(167," \u65F6\u624D\u751F\u6548"),t(),n(168,"td")(169,"code"),e(170,"string"),t()(),n(171,"td")(172,"code"),e(173,"'breadcrumb'"),t()()(),n(174,"tr")(175,"td")(176,"code"),e(177,"[nzRouteLabelFn]"),t()(),n(178,"td"),e(179,"\u683C\u5F0F\u5316\u9762\u5305\u5C51\u5BFC\u822A\u9879\u7684\u663E\u793A\u6587\u5B57\uFF0C\u901A\u5E38\u7528\u4E8E\u5728\u56FD\u9645\u5316\u5E94\u7528\u4E2D\u7FFB\u8BD1\u952E\u503C\uFF0C "),n(180,"code"),e(181,"nzAutoGenerate"),t(),e(182," \u4E3A "),n(183,"code"),e(184,"true"),t(),e(185," \u65F6\u624D\u751F\u6548"),t(),n(186,"td")(187,"code"),e(188,"(label:string) => string"),t()(),n(189,"td")(190,"code"),e(191,"label => label"),t()()(),n(192,"tr")(193,"td")(194,"code"),e(195,"[nzRouteFn]"),t()(),n(196,"td"),e(197,"\u683C\u5F0F\u5316\u9762\u5305\u5C51\u8DEF\u7531\u683C\u5F0F\uFF0C\u53EF\u7528\u4E8E\u4E3A URL \u6DF

2B\u52A0 query params\uFF0C"),n(198,"code"),e(199,"nzAutoGenerate"),t(),e(200," \u4E3A "),n(201,"code"),e(202,"true"),t(),e(203," \u65F6\u624D\u751F\u6548"),t(),n(204,"td")(205,"code"),e(206,"(route:string) => route"),t()(),n(207,"td")(208,"code"),e(209,"route => route"),t()()()()(),n(210,"p"),e(211,"\u4F7F\u7528 "),n(212,"code"),e(213,"[nzAutoGenerate]"),t(),e(214," \u65F6\uFF0C\u9700\u8981\u5728\u8DEF\u7531\u7C7B\u4E2D\u5B9A\u4E49 "),n(215,"code"),e(216,"data"),t(),e(217,":"),t(),n(218,"pre")(219,"code",17)(220,"span",19),e(221,"{"),t(),e(222,`
3  path`),n(223,"span",40),e(224,":"),t(),e(225," "),n(226,"span",20),e(227,"'path'"),t(),n(228,"span",19),e(229,","),t(),e(230,`
4  component`),n(231,"span",40),e(232,":"),t(),e(233," SomeComponent"),n(234,"span",19),e(235,","),t(),e(236,`
5  data`),n(237,"span",40),e(238,":"),t(),e(239," "),n(240,"span",19),e(241,"{"),t(),e(242,`
6    breadcrumb`),n(243,"span",40),e(244,":"),t(),e(245," "),n(246,"span",20),e(247,"'Display Name'"),t(),e(248,`
7  `),n(249,"span",19),e(250,"}"),t(),e(251,`
8`),n(252,"span",19),e(253,"}"),t(),e(254,`
9`),t()(),n(255,"p"),e(256,"\u5BF9\u4E8E\u61D2\u52A0\u8F7D\u8DEF\u7531\uFF0C\u5E94\u8BE5\u5728\u7236\u5C42\u8DEF\u7531\u5199 "),n(257,"code"),e(258,"data"),t(),e(259,"\uFF1A"),t(),n(260,"pre")(261,"code",17)(262,"span",19),e(263,"{"),t(),e(264,`
10  path`),n(265,"span",40),e(266,":"),t(),e(267," "),n(268,"span",20),e(269,"'first'"),t(),n(270,"span",19),e(271,","),t(),e(272,`
11  `),n(273,"span",41),e(274,"loadChildren"),t(),n(275,"span",40),e(276,":"),t(),e(277," "),n(278,"span",19),e(279,"("),t(),n(280,"span",19),e(281,")"),t(),e(282," "),n(283,"span",40),e(284,"=>"),t(),e(285," "),n(286,"span",18),e(287,"import"),t(),n(288,"span",19),e(289,"("),t(),n(290,"span",20),e(291,"'./first/first.module'"),t(),n(292,"span",19),e(293,")"),t(),n(294,"span",19),e(295,"."),t(),n(296,"span",42),e(297,"then"),t(),n(298,"span",19),e(299,"("),t(),e(300,"m "),n(301,"span",40),e(302,"=>"),t(),e(303," m"),n(304,"span",19),e(305,"."),t(),e(306,"FirstModule"),n(307,"span",19),e(308,")"),t(),n(309,"span",19),e(310,","),t(),e(311,`
12  data`),n(312,"span",40),e(313,":"),t(),e(314," "),n(315,"span",19),e(316,"{"),t(),e(317,`
13    breadcrumb`),n(318,"span",40),e(319,":"),t(),e(320," "),n(321,"span",20),e(322,"'First'"),t(),e(323,`
14  `),n(324,"span",19),e(325,"}"),t(),n(326,"span",19),e(327,","),t(),e(328,`
15`),n(329,"span",19),e(330,"}"),t(),e(331,`
16`),t()(),n(332,"p"),e(333,"\u4F7F\u7528 "),n(334,"code"),e(335,"nzRouteLabel"),t(),e(336," \u81EA\u5B9A\u4E49\u8DEF\u7531\u5C5E\u6027\u540D\u79F0:"),t(),n(337,"pre")(338,"code",43)(339,"span",44)(340,"span",44)(341,"span",19),e(342,"<"),t(),e(343,"nz-breadcrumb"),t(),e(344," "),n(345,"span",45),e(346,"[nzAutoGenerate]"),t(),n(347,"span",46)(348,"span",47),e(349,"="),t(),n(350,"span",19),e(351,'"'),t(),e(352,"true"),n(353,"span",19),e(354,'"'),t()(),e(355," "),n(356,"span",45),e(357,"[nzRouteLabel]"),t(),n(358,"span",46)(359,"span",47),e(360,"="),t(),n(361,"span",19),e(362,'"'),t(),n(363,"span",19),e(364,"'"),t(),e(365,"customBreadcrumb'"),n(366,"span",19),e(367,'"'),t()(),n(368,"span",19),e(369,">"),t()(),n(370,"span",44)(371,"span",44)(372,"span",19),e(373,"</"),t(),e(374,"nz-breadcrumb"),t(),n(375,"span",19),e(376,">"),t()(),e(377,`
17`),t()(),n(378,"pre")(379,"code",17)(380,"span",19),e(381,"{"),t(),e(382,`
18  path`),n(383,"span",40),e(384,":"),t(),e(385," "),n(386,"span",20),e(387,"'path'"),t(),n(388,"span",19),e(389,","),t(),e(390,`
19  component`),n(391,"span",40),e(392,":"),t(),e(393," SomeComponent"),n(394,"span",19),e(395,","),t(),e(396,`
20  data`),n(397,"span",40),e(398,":"),t(),e(399," "),n(400,"span",19),e(401,"{"),t(),e(402,`
21    customBreadcrumb`),n(403,"span",40),e(404,":"),t(),e(405," "),n(406,"span",20),e(407,"'Display Name'"),t(),e(408,`
22  `),n(409,"span",19),e(410,"}"),t(),e(411,`
23`),n(412,"span",19),e(413,"}"),t(),e(414,`
24`),t()(),n(415,"p"),e(416,"\u4F7F\u7528 "),n(417,"code"),e(418,"nzRouteLabelFn"),t(),e(419," \u5728\u56FD\u9645\u5316\u5E94\u7528\u4E2D\u683C\u5F0F\u5316\u9762\u5305\u5C51\u5BFC\u822A\u9879\u7684\u6587\u672C:"),t(),n(420,"pre")(421,"code",43)(422,"span",44)(423,"span",44)(424,"span",19),e(425,"<"),t(),e(426,"nz-breadcrumb"),t(),e(427," "),n(428,"span",45),e(429,"[nzAutoGenerate]"),t(),n(430,"span",46)(431,"span",47),e(432,"="),t(),n(433,"span",19),e(434,'"'),t(),e(435,"true"),n(436,"span",19),e(437,'"'),t()(),e(438," "),n(439,"span",45),e(440,"[nzRouteLabel]"),t(),n(441,"span",46)(442,"span",47),e(443,"="),t(),n(444,"span",19),e(445,'"'),t(),n(446,"span",19),e(447,"'"),t(),e(448,"breadcrumbI18nKey'"),n(449,"span",19),e(450,'"'),t()(),e(451," "),n(452,"span",45),e(453,"[nzRouteLabelFn]"),t(),n(454,"span",46)(455,"span",47),e(456,"="),t(),n(45

247,"span",19),e(458,'"'),t(),e(459,"translateFn"),n(460,"span",19),e(461,'"'),t()(),n(462,"span",19),e(463,">"),t()(),n(464,"span",44)(465,"span",44)(466,"span",19),e(467,"</"),t(),e(468,"nz-breadcrumb"),t(),n(469,"span",19),e(470,">"),t()(),e(471,`
25`),t()(),n(472,"pre")(473,"code",17)(474,"span",48),e(475,"// In Route"),t(),e(476,`
26`),n(477,"span",19),e(478,"{"),t(),e(479,`
27  path`),n(480,"span",40),e(481,":"),t(),e(482," "),n(483,"span",20),e(484,"'path'"),t(),n(485,"span",19),e(486,","),t(),e(487,`
28  component`),n(488,"span",40),e(489,":"),t(),e(490," SomeComponent"),n(491,"span",19),e(492,","),t(),e(493,`
29  data`),n(494,"span",40),e(495,":"),t(),e(496," "),n(497,"span",19),e(498,"{"),t(),e(499,`
30    breadcrumbI18nKey`),n(500,"span",40),e(501,":"),t(),e(502," "),n(503,"span",20),e(504,"'i18n.aaa.bbbb'"),t(),e(505,`
31  `),n(506,"span",19),e(507,"}"),t(),e(508,`
32`),n(509,"span",19),e(510,"}"),t(),e(511,`
33
34`),n(512,"span",48),e(513,"// In component"),t(),e(514,`
35`),n(515,"span",41),e(516,"translateFn"),t(),e(517," "),n(518,"span",40),e(519,"="),t(),e(520," "),n(521,"span",19),e(522,"("),t(),e(523,"key"),n(524,"span",40),e(525,":"),t(),e(526," "),n(527,"span",49),e(528,"string"),t(),n(529,"span",19),e(530,")"),t(),e(531," "),n(532,"span",40),e(533,"=>"),t(),e(534," "),n(535,"span",18),e(536,"this"),t(),n(537,"span",19),e(538,"."),t(),e(539,"yourI18nService"),n(540,"span",19),e(541,"."),t(),n(542,"span",42),e(543,"translate"),t(),n(544,"span",19),e(545,"("),t(),e(546,"key"),n(547,"span",19),e(548,")"),t(),n(549,"span",19),e(550,";"),t(),e(551,`
36`),t()(),n(552,"p"),e(553,"\u4F7F\u7528 "),n(554,"code"),e(555,"nzRouteFn"),t(),e(556," \u6765\u4F7F\u7528\u683C\u5F0F\u5316 URL \u6216\u6DFB\u52A0 query params\uFF1A"),t(),n(557,"pre")(558,"code",43)(559,"span",44)(560,"span",44)(561,"span",19),e(562,"<"),t(),e(563,"nz-breadcrumb"),t(),e(564," "),n(565,"span",45),e(566,"[nzAutoGenerate]"),t(),n(567,"span",46)(568,"span",47),e(569,"="),t(),n(570,"span",19),e(571,'"'),t(),e(572,"true"),n(573,"span",19),e(574,'"'),t()(),e(575," "),n(576,"span",45),e(577,"[nzRouteLabel]"),t(),n(578,"span",46)(579,"span",47),e(580,"="),t(),n(581,"span",19),e(582,'"'),t(),n(583,"span",19),e(584,"'"),t(),e(585,"breadcrumbI18nKey'"),n(586,"span",19),e(587,'"'),t()(),e(588," "),n(589,"span",45),e(590,"[nzRouteLabelFn]"),t(),n(591,"span",46)(592,"span",47),e(593,"="),t(),n(594,"span",19),e(595,'"'),t(),e(596,"translateFn"),n(597,"span",19),e(598,'"'),t()(),e(599," "),n(600,"span",45),e(601,"[nzRouteFn]"),t(),n(602,"span",46)(603,"span",47),e(604,"="),t(),n(605,"span",19),e(606,'"'),t(),e(607,"customRoute"),n(608,"span",19),e(609,'"'),t()(),n(610,"span",19),e(611,">"),t()(),n(612,"span",44)(613,"span",44)(614,"span",19),e(615,"</"),t(),e(616,"nz-breadcrumb"),t(),n(617,"span",19),e(618,">"),t()(),e(619,`
37`),t()(),n(620,"pre")(621,"code",17)(622,"span",48),e(623,"// In component"),t(),e(624,`
38
39`),n(625,"span",42),e(626,"bindCurrentParams"),t(),n(627,"span",19),e(628,"("),t(),e(629,"params"),n(630,"span",19),e(631,","),t(),e(632," route"),n(633,"span",19),e(634,")"),t(),e(635," "),n(636,"span",19),e(637,"{"),t(),e(638,`
40  `),n(639,"span",18),e(640,"let"),t(),e(641," newRoute "),n(642,"span",40),e(643,"="),t(),e(644," route"),n(645,"span",19),e(646,";"),t(),e(647,`
41  `),n(648,"span",18),e(649,"for"),t(),e(650," "),n(651,"span",19),e(652,"("),t(),n(653,"span",18),e(654,"const"),t(),e(655," key "),n(656,"span",18),e(657,"in"),t(),e(658," params"),n(659,"span",19),e(660,")"),t(),e(661," "),n(662,"span",19),e(663,"{"),t(),e(664,`
42    `),n(665,"span",18),e(666,"if"),t(),e(667," "),n(668,"span",19),e(669,"("),t(),e(670,"params"),n(671,"span",19),e(672,"."),t(),n(673,"span",42),e(674,"hasOwnProperty"),t(),n(675,"span",19),e(676,"("),t(),e(677,"key"),n(678,"span",19),e(679,")"),t(),n(680,"span",19),e(681,")"),t(),e(682," "),n(683,"span",19),e(684,"{"),t(),e(685,`
43      newRoute `),n(686,"span",40),e(687,"+="),t(),e(688," "),n(689,"span",50)(690,"span",51),e(691,"`"),t(),n(692,"span",20),e(693,";"),t(),n(694,"span",52)(695,"span",53),e(696,"${"),t(),e(697,"key"),n(698,"span",53),e(699,"}"),t()(),n(700,"span",20),e(701,"="),t(),n(702,"span",52)(703,"span",53),e(704,"${"),t(),e(705,"params"),n(706,"span",19),e(707,"["),t(),e(708,"key"),n(709,"span",19),e(710,"]"),t(),n(711,"span",53),e(712,"}"),t()(),n(713,"span",51),e(714,"`"),t()(),n(715,"span",19),e(716,";"),t(),e(717,`
44    `),n(718,"span",19),e(719,"}"),t(),e(720,`
45  `),n(721,"span",19),e(722,"}"),t(),e(723,`
46  `),n(724,"span",18),e(725,"return"),t(),e(726," newRoute"),n(727,"span",19),e(728,";"),t(),e(729,`
47`),n(730,"span",19),e(731,"}"),t(),e(732,`
48
49`),n(733,"span",18),e(734,"const"),t(),e(735," params "),n(736,"span",40),e(737,"="),t(),e(738," "),n(739,"span",18),e(740,"this"),t(),n(741,"span",19),e(742,"."),t(),e(743,"activatedRoute"),n(744,"span",19),e(745,"."),t(),e(746,"snapshot"),n(747,"span",19),e(748,"."),t(),e(749,"params"),n(750,"span",19),e(751,";"),t(),e(752,`
50
51`),n(753,"span",41),e(754,"customRoute"),t(),e(755," "),n(756,"span",40),e(757,"="),t(),e(758," "),n(759,"span",19),e(760,"("),t(),e(761,"route"),n(762,"span",40),e(763,":"),t(),n(764,"span",49),e(765,"string"),t(),n(766,"span",19),e(767,")"),t(),e(768," "),n(769,"span",40),e(770,"=>"),t(),e(771," "),n(772,"span",18),e(773,"this"),t(),n(774,"span",19),e(775,"."),t(),n(776,"span",42),e(777,"bindCurrentParam

51s"),t(),n(778,"span",19),e(779,"("),t(),e(780,"params"),n(781,"span",19),e(782,","),t(),e(783,"route"),n(784,"span",19),e(785,")"),t(),n(786,"span",19),e(787,";"),t(),e(788,`
52`),t()(),d(),t()()),i&2&&(m(),a("nzOffsetTop",16),m(),a("nzAffix",!1),m(55),a("nzGutter",16),m(),a("nzXl",12)("nzSpan",24),m(),a("nzId","components-breadcrumb-demo-basic")("nzLink","components-breadcrumb-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/basic.md"),m(5),a("nzId","components-breadcrumb-demo-router")("nzLink","components-breadcrumb-demo-router")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/router.md"),m(8),a("nzId","components-breadcrumb-demo-separator")("nzLink","components-breadcrumb-demo-separator")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/separator.md"),m(8),a("nzId","components-breadcrumb-demo-separator-independent")("nzLink","components-breadcrumb-demo-separator-independent")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/separator-independent.md"),m(8),a("nzXl",12)("nzSpan",24),m(),a("nzId","components-breadcrumb-demo-with-icon")("nzLink","components-breadcrumb-demo-with-icon")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/with-icon.md"),m(5),a("nzId","components-breadcrumb-demo-auto")("nzLink","components-breadcrumb-demo-auto")("nzIframe",!0)("nzIframeHeight",460)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/auto.md"),m(8),a("nzId","components-breadcrumb-demo-dropdown")("nzLink","components-breadcrumb-demo-dropdown")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/dropdown.md"))},dependencies:[P,z,O,M,_,G,T,L,S,g,N,F,I,D,k,y],encapsulation:2})};var W=class r{expanded=!1;codeBoxes;goLink(o){window&&(window.location.hash=o)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(o=>o.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||r)};static \u0275cmp=u({type:r,selectors:[["nz-demo-breadcrumb"]],viewQuery:function(i,s){if(i&1&&w(z,5),i&2){let E;v(E=A())&&(s.codeBoxes=E)}},decls:788,vars:42,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-breadcrumb-demo-basic","nzTitle","Basic Usage"],["nzHref","#components-breadcrumb-demo-with-icon","nzTitle","With an Icon"],["nzHref","#components-breadcrumb-demo-router","nzTitle","RouterLink"],["nzHref","#components-breadcrumb-demo-auto","nzTitle","Auto generated breadcrumbs"],["nzHref","#components-breadcrumb-demo-separator","nzTitle","Configuring the Separator"],["nzHref","#components-breadcrumb-demo-dropdown","nzTitle","Bread crumbs with drop down menu"],["nzHref","#components-breadcrumb-demo-separator-independent","nzTitle","Configuring the Separator Independently"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","Basic Usage","nzSelector","nz-demo-breadcrumb-basic","nzGenerateCommand","ng g ng-zorro-antd:breadcrumb-basic <name>","nzComponentName","NzDemoBreadcrumbBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","RouterLink","nzSelector","nz-demo-breadcrumb-router","nzGenerateCommand","ng g ng-zorro-antd:breadcrumb-router <name>","nzComponentName","NzDemoBreadcrumbRouterComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["href","https://angular.dev/api/router/RouterLink","target","_blank","rel","noopener"],["nzTitle","Configuring the Separator","nzSelector","nz-demo-breadcrumb-separator","nzGenerateCommand","ng g ng-zorro-antd:breadcrumb-separator <name>","nzComponentName","NzDemoBreadcrumbSeparatorComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Configuring the Separator Independently","nzSelector","nz-demo-breadcrumb-separator-independent","nzGenerateCommand","ng g ng-zorro-antd:breadcrumb-separator-independent <name>","nzComponentName","NzDemoBreadcrumbSeparatorIndependentComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","With an Icon","nzSelector","nz-demo-breadcrumb-with-icon","nzGenerateCommand","ng g ng-zorro-antd:breadcrumb-with-icon <name>","nzComponentName","NzDemoBreadcrumbWithIconComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Auto generated breadcrumbs","nzSelector","nz-demo-breadcrumb-auto","nzGenerateCommand","ng g ng-zorro-antd:breadcrumb-auto <name>","nzComponentName","NzDemoBreadcrumbAutoComponent","nzIframeSource","https://stackblitz.com/edit/ng-zorro-breadcrumb-auto?embed=1&file=src

52/app/app.component.html&hideExplorer=1&hideNavigation=1&view=preview",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Bread crumbs with drop down menu","nzSelector","nz-demo-breadcrumb-dropdown","nzGenerateCommand","ng g ng-zorro-antd:breadcrumb-dropdown <name>","nzComponentName","NzDemoBreadcrumbDropdownComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-breadcrumb"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-breadcrumb'",1,"anchor"],[1,"token","operator"],[1,"token","function-variable","function"],[1,"token","function"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"],[1,"token","punctuation","attr-equals"],[1,"token","comment"],[1,"token","builtin"],[1,"token","template-string"],[1,"token","template-punctuation","string"],[1,"token","interpolation"],[1,"token","interpolation-punctuation","punctuation"]],template:function(i,s){i&1&&(n(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),C("nzClick",function(Q){return s.goLink(Q)}),l(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9),t()(),n(11,"section",10)(12,"h1"),e(13,"Breadcrumb"),l(14,"span",11)(15,"span",12),n(16,"a",13),l(17,"nz-icon",14),t()(),n(18,"section",10),p(),n(19,"p"),e(20,"A breadcrumb displays the current location within a hierarchy. It allows going back to states higher up in the hierarchy."),t(),n(21,"h2",15)(22,"span"),e(23,"When To Use"),t(),n(24,"a",16),e(25,"#"),t()(),n(26,"ul")(27,"li"),e(28,"When the system has more than two layers in a hierarchy."),t(),n(29,"li"),e(30,"When you need to inform the user of where they are."),t(),n(31,"li"),e(32,"When the user may need to navigate back to a higher level."),t(),n(33,"li"),e(34,"When the application has multi-layer architecture."),t()(),n(35,"pre")(36,"code",17)(37,"span",18),e(38,"import"),t(),e(39," "),n(40,"span",19),e(41,"{"),t(),e(42," NzBreadCrumbModule "),n(43,"span",19),e(44,"}"),t(),e(45," "),n(46,"span",18),e(47,"from"),t(),e(48," "),n(49,"span",20),e(50,"'ng-zorro-antd/breadcrumb'"),t(),n(51,"span",19),e(52,";"),t(),e(53,`
53`),t()(),d(),t(),n(54,"h2")(55,"span"),e(56,"Examples"),t(),n(57,"nz-icon",21),C("click",function(){return s.expandAllCode()}),t()()(),n(58,"div",22)(59,"div",23)(60,"nz-code-box",24),l(61,"nz-demo-breadcrumb-basic",25),n(62,"div",26),p(),n(63,"p"),e(64,"The simplest use"),t(),d(),t()(),n(65,"nz-code-box",27),l(66,"nz-demo-breadcrumb-router",25),n(67,"div",26),p(),n(68,"p"),e(69,"Used together with "),n(70,"a",28),e(71,"RouterLink"),t(),e(72,"."),t(),d(),t()(),n(73,"nz-code-box",29),l(74,"nz-demo-breadcrumb-separator",25),n(75,"div",26),p(),n(76,"p"),e(77,"The separator can be customized by setting the separator property: "),n(78,"code"),e(79,"nzSeparator"),t()(),d(),t()(),n(80,"nz-code-box",30),l(81,"nz-demo-breadcrumb-separator-independent",25),n(82,"div",26),p(),n(83,"p"),e(84,"The separator can be customized by using the component "),n(85,"code"),e(86,"nz-breadcrumb-separator"),t(),e(87,"."),t(),d(),t()()(),n(88,"div",23)(89,"nz-code-box",31),l(90,"nz-demo-breadcrumb-with-icon",25),n(91,"div",26),p(),n(92,"p"),e(93,"The icon should be placed in front of the text."),t(),d(),t()(),n(94,"nz-code-box",32),l(95,"nz-demo-breadcrumb-auto",25),n(96,"div",26),p(),n(97,"p"),e(98,"Auto generate breadcrumbs using "),n(99,"code"),e(100,"router.data"),t(),e(101,"."),t(),d(),t()(),n(102,"nz-code-box",33),l(103,"nz-demo-breadcrumb-dropdown",25),n(104,"div",26),p(),n(105,"p"),e(106,"Breadcrumbs support drop down menu."),t(),d(),t()()()(),n(107,"section",34),p(),n(108,"h2",35)(109,"span"),e(110,"API"),t(),n(111,"a",36),e(112,"#"),t()(),n(113,"h3",37)(114,"span"),e(115,"nz-breadcrumb"),t(),n(116,"label",38),e(117,"component"),t(),n(118,"a",39),e(119,"#"),t()(),n(120,"table")(121,"thead")(122,"tr")(123,"th"),e(124,"Property"),t(),n(125,"th"),e(126,"Description"),t(),n(127,"th"),e(128,"Type"),t(),n(129,"th"),e(130,"Default"),t()()(),n(131,"tbody")(132,"tr")(133,"td")(134,"code"),e(135,"[nzSeparator]"),t()(),n(136,"td"),e(137,"Custom separator"),t(),n(138,"td")(139,"code"),e(140,"string | TemplateRef<void> | null"),t()(),n(141,"td")(142,"code"),e(143,"'/'"),t()()(),n(144,"tr")(145,"td")(146,"code"),e(147,"[nzAutoGenerate]"),t()(),n(148,"td"),e(149,"Auto generate breadcrumb"),t(),n(150,"td")(151,"code"),e(152,"boolean"),t()(),n(153,"td")(154,"code"),e(155,"false"),t()()(),n(156,"tr")(157,"td")(158,"code"),e(159,"[nzRouteLabel]"),t()(),n(160,"td"),e(161,"Name of property that determines dis

53played text in routing config. It should be used when "),n(162,"code"),e(163,"nzAutoGenerate"),t(),e(164," is "),n(165,"code"),e(166,"true"),t()(),n(167,"td")(168,"code"),e(169,"string"),t()(),n(170,"td")(171,"code"),e(172,"'breadcrumb'"),t()()(),n(173,"tr")(174,"td")(175,"code"),e(176,"[nzRouteLabelFn]"),t()(),n(177,"td"),e(178,"Format breadcrumb item label text, normally used in international app to translate i18n key. It should be used when "),n(179,"code"),e(180,"nzAutoGenerate"),t(),e(181," is "),n(182,"code"),e(183,"true"),t()(),n(184,"td")(185,"code"),e(186,"(label:string) => string"),t()(),n(187,"td")(188,"code"),e(189,"label => label"),t()()(),n(190,"tr")(191,"td")(192,"code"),e(193,"[nzRouteFn]"),t()(),n(194,"td"),e(195,"Format breadcrumb item route, normally used in international app to bind current params or query strings to avoid losing them while navigate using breadcrumb. It should be used when "),n(196,"code"),e(197,"nzAutoGenerate"),t(),e(198," is "),n(199,"code"),e(200,"true"),t()(),n(201,"td")(202,"code"),e(203,"(route:string) => route"),t()(),n(204,"td")(205,"code"),e(206,"route => route"),t()()()()(),n(207,"p"),e(208,"Using "),n(209,"code"),e(210,"[nzAutoGenerate]"),t(),e(211," by configuring "),n(212,"code"),e(213,"data"),t(),e(214," like this:"),t(),n(215,"pre")(216,"code",17)(217,"span",19),e(218,"{"),t(),e(219,`
54  path`),n(220,"span",40),e(221,":"),t(),e(222," "),n(223,"span",20),e(224,"'/path'"),t(),n(225,"span",19),e(226,","),t(),e(227,`
55  component`),n(228,"span",40),e(229,":"),t(),e(230," SomeComponent"),n(231,"span",19),e(232,","),t(),e(233,`
56  data`),n(234,"span",40),e(235,":"),t(),e(236," "),n(237,"span",19),e(238,"{"),t(),e(239,`
57    breadcrumb`),n(240,"span",40),e(241,":"),t(),e(242," "),n(243,"span",20),e(244,"'Display Name'"),t(),e(245,`
58  `),n(246,"span",19),e(247,"}"),t(),e(248,`
59`),n(249,"span",19),e(250,"}"),t(),e(251,`
60`),t()(),n(252,"p"),e(253,"For lazy loading modules, you should write "),n(254,"code"),e(255,"data"),t(),e(256," in parent module like this:"),t(),n(257,"pre")(258,"code",17)(259,"span",19),e(260,"{"),t(),e(261,`
61  path`),n(262,"span",40),e(263,":"),t(),e(264," "),n(265,"span",20),e(266,"'first'"),t(),n(267,"span",19),e(268,","),t(),e(269,`
62  `),n(270,"span",41),e(271,"loadChildren"),t(),n(272,"span",40),e(273,":"),t(),e(274," "),n(275,"span",19),e(276,"("),t(),n(277,"span",19),e(278,")"),t(),e(279," "),n(280,"span",40),e(281,"=>"),t(),e(282," "),n(283,"span",18),e(284,"import"),t(),n(285,"span",19),e(286,"("),t(),n(287,"span",20),e(288,"'./first/first.module'"),t(),n(289,"span",19),e(290,")"),t(),n(291,"span",19),e(292,"."),t(),n(293,"span",42),e(294,"then"),t(),n(295,"span",19),e(296,"("),t(),e(297,"m "),n(298,"span",40),e(299,"=>"),t(),e(300," m"),n(301,"span",19),e(302,"."),t(),e(303,"FirstModule"),n(304,"span",19),e(305,")"),t(),n(306,"span",19),e(307,","),t(),e(308,`
63  data`),n(309,"span",40),e(310,":"),t(),e(311," "),n(312,"span",19),e(313,"{"),t(),e(314,`
64    breadcrumb`),n(315,"span",40),e(316,":"),t(),e(317," "),n(318,"span",20),e(319,"'First'"),t(),e(320,`
65  `),n(321,"span",19),e(322,"}"),t(),n(323,"span",19),e(324,","),t(),e(325,`
66`),n(326,"span",19),e(327,"}"),t(),e(328,`
67`),t()(),n(329,"p"),e(330,"Use "),n(331,"code"),e(332,"nzRouteLabel"),t(),e(333," to custom "),n(334,"code"),e(335,"data"),t(),e(336," breadcrumb label:"),t(),n(337,"pre")(338,"code",43)(339,"span",44)(340,"span",44)(341,"span",19),e(342,"<"),t(),e(343,"nz-breadcrumb"),t(),e(344," "),n(345,"span",45),e(346,"[nzAutoGenerate]"),t(),n(347,"span",46)(348,"span",47),e(349,"="),t(),n(350,"span",19),e(351,'"'),t(),e(352,"true"),n(353,"span",19),e(354,'"'),t()(),e(355," "),n(356,"span",45),e(357,"[nzRouteLabel]"),t(),n(358,"span",46)(359,"span",47),e(360,"="),t(),n(361,"span",19),e(362,'"'),t(),n(363,"span",19),e(364,"'"),t(),e(365,"customBreadcrumb'"),n(366,"span",19),e(367,'"'),t()(),n(368,"span",19),e(369,">"),t()(),n(370,"span",44)(371,"span",44)(372,"span",19),e(373,"</"),t(),e(374,"nz-breadcrumb"),t(),n(375,"span",19),e(376,">"),t()(),e(377,`
68`),t()(),n(378,"pre")(379,"code",17)(380,"span",19),e(381,"{"),t(),e(382,`
69  path`),n(383,"span",40),e(384,":"),t(),e(385," "),n(386,"span",20),e(387,"'path'"),t(),n(388,"span",19),e(389,","),t(),e(390,`
70  component`),n(391,"span",40),e(392,":"),t(),e(393," SomeComponent"),n(394,"span",19),e(395,","),t(),e(396,`

71  data`),n(397,"span",40),e(398,":"),t(),e(399," "),n(400,"span",19),e(401,"{"),t(),e(402,`
72    customBreadcrumb`),n(403,"span",40),e(404,":"),t(),e(405," "),n(406,"span",20),e(407,"'Display Name'"),t(),e(408,`
73  `),n(409,"span",19),e(410,"}"),t(),e(411,`
74`),n(412,"span",19),e(413,"}"),t(),e(414,`
75`),t()(),n(415,"p"),e(416,"Use "),n(417,"code"),e(418,"nzRouteLabelFn"),t(),e(419," to format breadcrumb label in international application:"),t(),n(420,"pre")(421,"code",43)(422,"span",44)(423,"span",44)(424,"span",19),e(425,"<"),t(),e(426,"nz-breadcrumb"),t(),e(427," "),n(428,"span",45),e(429,"[nzAutoGenerate]"),t(),n(430,"span",46)(431,"span",47),e(432,"="),t(),n(433,"span",19),e(434,'"'),t(),e(435,"true"),n(436,"span",19),e(437,'"'),t()(),e(438," "),n(439,"span",45),e(440,"[nzRouteLabel]"),t(),n(441,"span",46)(442,"span",47),e(443,"="),t(),n(444,"span",19),e(445,'"'),t(),n(446,"span",19),e(447,"'"),t(),e(448,"breadcrumbI18nKey'"),n(449,"span",19),e(450,'"'),t()(),e(451," "),n(452,"span",45),e(453,"[nzRouteLabelFn]"),t(),n(454,"span",46)(455,"span",47),e(456,"="),t(),n(45

757,"span",19),e(458,'"'),t(),e(459,"translateFn"),n(460,"span",19),e(461,'"'),t()(),n(462,"span",19),e(463,">"),t()(),n(464,"span",44)(465,"span",44)(466,"span",19),e(467,"</"),t(),e(468,"nz-breadcrumb"),t(),n(469,"span",19),e(470,">"),t()(),e(471,`
76`),t()(),n(472,"pre")(473,"code",17)(474,"span",48),e(475,"// In Route"),t(),e(476,`
77`),n(477,"span",19),e(478,"{"),t(),e(479,`
78  path`),n(480,"span",40),e(481,":"),t(),e(482," "),n(483,"span",20),e(484,"'path'"),t(),n(485,"span",19),e(486,","),t(),e(487,`
79  component`),n(488,"span",40),e(489,":"),t(),e(490," SomeComponent"),n(491,"span",19),e(492,","),t(),e(493,`
80  data`),n(494,"span",40),e(495,":"),t(),e(496," "),n(497,"span",19),e(498,"{"),t(),e(499,`
81    breadcrumbI18nKey`),n(500,"span",40),e(501,":"),t(),e(502," "),n(503,"span",20),e(504,"'i18n.aaa.bbbb'"),t(),e(505,`
82  `),n(506,"span",19),e(507,"}"),t(),e(508,`
83`),n(509,"span",19),e(510,"}"),t(),e(511,`
84
85`),n(512,"span",48),e(513,"// In component"),t(),e(514,`
86`),n(515,"span",41),e(516,"translateFn"),t(),e(517," "),n(518,"span",40),e(519,"="),t(),e(520," "),n(521,"span",19),e(522,"("),t(),e(523,"key"),n(524,"span",40),e(525,":"),t(),n(526,"span",49),e(527,"string"),t(),n(528,"span",19),e(529,")"),t(),e(530," "),n(531,"span",40),e(532,"=>"),t(),e(533," "),n(534,"span",18),e(535,"this"),t(),n(536,"span",19),e(537,"."),t(),e(538,"yourI18nService"),n(539,"span",19),e(540,"."),t(),n(541,"span",42),e(542,"translate"),t(),n(543,"span",19),e(544,"("),t(),e(545,"key"),n(546,"span",19),e(547,")"),t(),n(548,"span",19),e(549,";"),t(),e(550,`
87`),t()(),n(551,"p"),e(552,"Use "),n(553,"code"),e(554,"nzRouteFn"),t(),e(555," to format or bind params and query strings to the route it self in international application:"),t(),n(556,"pre")(557,"code",43)(558,"span",44)(559,"span",44)(560,"span",19),e(561,"<"),t(),e(562,"nz-breadcrumb"),t(),e(563," "),n(564,"span",45),e(565,"[nzAutoGenerate]"),t(),n(566,"span",46)(567,"span",47),e(568,"="),t(),n(569,"span",19),e(570,'"'),t(),e(571,"true"),n(572,"span",19),e(573,'"'),t()(),e(574," "),n(575,"span",45),e(576,"[nzRouteLabel]"),t(),n(577,"span",46)(578,"span",47),e(579,"="),t(),n(580,"span",19),e(581,'"'),t(),n(582,"span",19),e(583,"'"),t(),e(584,"breadcrumbI18nKey'"),n(585,"span",19),e(586,'"'),t()(),e(587," "),n(588,"span",45),e(589,"[nzRouteLabelFn]"),t(),n(590,"span",46)(591,"span",47),e(592,"="),t(),n(593,"span",19),e(594,'"'),t(),e(595,"translateFn"),n(596,"span",19),e(597,'"'),t()(),e(598," "),n(599,"span",45),e(600,"[nzRouteFn]"),t(),n(601,"span",46)(602,"span",47),e(603,"="),t(),n(604,"span",19),e(605,'"'),t(),e(606,"customRoute"),n(607,"span",19),e(608,'"'),t()(),n(609,"span",19),e(610,">"),t()(),n(611,"span",44)(612,"span",44)(613,"span",19),e(614,"</"),t(),e(615,"nz-breadcrumb"),t(),n(616,"span",19),e(617,">"),t()(),e(618,`
88`),t()(),n(619,"pre")(620,"code",17)(621,"span",48),e(622,"// In component"),t(),e(623,`
89
90`),n(624,"span",42),e(625,"bindCurrentParams"),t(),n(626,"span",19),e(627,"("),t(),e(628,"params"),n(629,"span",19),e(630,","),t(),e(631," route"),n(632,"span",19),e(633,")"),t(),e(634," "),n(635,"span",19),e(636,"{"),t(),e(637,`
91  `),n(638,"span",18),e(639,"let"),t(),e(640," newRoute "),n(641,"span",40),e(642,"="),t(),e(643," route"),n(644,"span",19),e(645,";"),t(),e(646,`
92  `),n(647,"span",18),e(648,"for"),t(),e(649," "),n(650,"span",19),e(651,"("),t(),n(652,"span",18),e(653,"const"),t(),e(654," key "),n(655,"span",18),e(656,"in"),t(),e(657," params"),n(658,"span",19),e(659,")"),t(),e(660," "),n(661,"span",19),e(662,"{"),t(),e(663,`
93    `),n(664,"span",18),e(665,"if"),t(),e(666," "),n(667,"span",19),e(668,"("),t(),e(669,"params"),n(670,"span",19),e(671,"."),t(),n(672,"span",42),e(673,"hasOwnProperty"),t(),n(674,"span",19),e(675,"("),t(),e(676,"key"),n(677,"span",19),e(678,")"),t(),n(679,"span",19),e(680,")"),t(),e(681," "),n(682,"span",19),e(683,"{"),t(),e(684,`
94      newRoute `),n(685,"span",40),e(686,"+="),t(),e(687," "),n(688,"span",50)(689,"span",51),e(690,"`"),t(),n(691,"span",20),e(692,";"),t(),n(693,"span",52)(694,"span",53),e(695,"${"),t(),e(696,"key"),n(697,"span",53),e(698,"}"),t()(),n(699,"span",20),e(700,"="),t(),n(701,"span",52)(702,"span",53),e(703,"${"),t(),e(704,"params"),n(705,"span",19),e(706,"["),t(),e(707,"key"),n(708,"span",19),e(709,"]"),t(),n(710,"span",53),e(711,"}"),t()(),n(712,"span",51),e(713,"`"),t()(),n(714,"span",19),e(715,";"),t(),e(716,`
95    `),n(717,"span",19),e(718,"}"),t(),e(719,`
96  `),n(720,"span",19),e(721,"}"),t(),e(722,`
97  `),n(723,"span",18),e(724,"return"),t(),e(725," newRoute"),n(726,"span",19),e(727,";"),t(),e(728,`
98`),n(729,"span",19),e(730,"}"),t(),e(731,`
99
100`),n(732,"span",18),e(733,"const"),t(),e(734," params "),n(735,"span",40),e(736,"="),t(),e(737," "),n(738,"span",18),e(739,"this"),t(),n(740,"span",19),e(741,"."),t(),e(742,"activatedRoute"),n(743,"span",19),e(744,"."),t(),e(745,"snapshot"),n(746,"span",19),e(747,"."),t(),e(748,"params"),n(749,"span",19),e(750,";"),t(),e(751,`
101
102`),n(752,"span",41),e(753,"customRoute"),t(),e(754," "),n(755,"span",40),e(756,"="),t(),e(757," "),n(758,"span",19),e(759,"("),t(),e(760,"route"),n(761,"span",40),e(762,":"),t(),n(763,"span",49),e(764,"string"),t(),n(765,"span",19),e(766,")"),t(),e(767," "),n(768,"span",40),e(769,"=>"),t(),e(770," "),n(771,"span",18),e(772,"this"),t(),n(773,"span",19),e(774,"."),t(),n(775,"span",42),e(776,"bindCurrentParam

102s"),t(),n(777,"span",19),e(778,"("),t(),e(779,"params"),n(780,"span",19),e(781,","),t(),e(782,"route"),n(783,"span",19),e(784,")"),t(),n(785,"span",19),e(786,";"),t(),e(787,`
103`),t()(),d(),t()()),i&2&&(m(),a("nzOffsetTop",16),m(),a("nzAffix",!1),m(56),a("nzGutter",16),m(),a("nzXl",12)("nzSpan",24),m(),a("nzId","components-breadcrumb-demo-basic")("nzLink","components-breadcrumb-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/basic.md"),m(5),a("nzId","components-breadcrumb-demo-router")("nzLink","components-breadcrumb-demo-router")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/router.md"),m(8),a("nzId","components-breadcrumb-demo-separator")("nzLink","components-breadcrumb-demo-separator")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/separator.md"),m(7),a("nzId","components-breadcrumb-demo-separator-independent")("nzLink","components-breadcrumb-demo-separator-independent")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/separator-independent.md"),m(8),a("nzXl",12)("nzSpan",24),m(),a("nzId","components-breadcrumb-demo-with-icon")("nzLink","components-breadcrumb-demo-with-icon")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/with-icon.md"),m(5),a("nzId","components-breadcrumb-demo-auto")("nzLink","components-breadcrumb-demo-auto")("nzIframe",!0)("nzIframeHeight",460)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/auto.md"),m(8),a("nzId","components-breadcrumb-demo-dropdown")("nzLink","components-breadcrumb-demo-dropdown")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/dropdown.md"))},dependencies:[P,z,O,M,_,G,T,L,S,g,N,F,I,D,k,y],encapsulation:2})};var le=[{path:"en",component:W},{path:"zh",component:Z}],je=le;export{je as default};