PageSourceSearch
Opt out API access

https://preview-8495-ng-zorro-antd.surge.sh/80.58ffde64e7c213a8.js

js preview-8495-ng-zorro-antd.surge.sh collected 2026-10-03 14:56:52 UTC 44,840 bytes, 1 lines download raw bytes 

1"use strict";(self.webpackChunkng_zorro_antd_doc=self.webpackChunkng_zorro_antd_doc||[]).push([[80],{80:(G,i,u)=>{u.r(i),u.d(i,{NzDemoBreadcrumbModule:()=>B});var k=u(9072),g=u(2928),r=u(6280),O=u(3052),m=u(5120);const F=[r.Ir,O.KE,m.Wy];var p=u(6056),n=u(4496),s=u(8700),C=u(8656),c=u(3172),I=u(9100);let z=(()=>{class e{static#n=this.\u0275fac=function(a){return new(a||e)};static#e=this.\u0275cmp=n.In1({type:e,selectors:[["nz-demo-breadcrumb-auto"]],decls:2,vars:1,consts:[[3,"nzAutoGenerate"]],template:function(a,t){1&a&&(n.I0R(0,"nz-breadcrumb",0),n.OEk(1," Please refer to StackBlitz demo at https://stackblitz.com/edit/ng-zorro-breadcrumb-auto "),n.C$Y()),2&a&&n.E7m("nzAutoGenerate",!0)},dependencies:[r.s5],encapsulation:2})}return e})(),b=(()=>{class e{static#n=this.\u0275fac=function(a){return new(a||e)};static#e=this.\u0275cmp=n.In1({type:e,selectors:[["nz-demo-breadcrumb-basic"]],decls:8,vars:0,template:function(a,t){1&a&&(n.I0R(0,"nz-breadcrumb")(1,"nz-breadcrumb-item"),n.OEk(2,"Home"),n.C$Y(),n.I0R(3,"nz-breadcrumb-item")(4,"a"),n.OEk(5,"Application List"),n.C$Y()(),n.I0R(6,"nz-breadcrumb-item"),n.OEk(7,"An Application"),n.C$Y()())},dependencies:[r.s5,r.Ih],encapsulation:2})}return e})();var R=u(2280);let l=(()=>{class e{static#n=this.\u0275fac=function(a){return new(a||e)};static#e=this.\u0275cmp=n.In1({type:e,selectors:[["nz-demo-breadcrumb-dropdown"]],decls:20,vars:1,consts:[[3,"nzOverlay"],["href",""],["menu","nzDropdownMenu"],["nz-menu","","nzSelectable",""],["nz-menu-item",""]],template:function(a,t){if(1&a&&(n.I0R(0,"nz-breadcrumb")(1,"nz-breadcrumb-item"),n.OEk(2,"Ant Design"),n.C$Y(),n.I0R(3,"nz-breadcrumb-item")(4,"a"),n.OEk(5,"Component"),n.C$Y()(),n.I0R(6,"nz-breadcrumb-item",0)(7,"a",1),n.OEk(8,"An Application"),n.C$Y()(),n.I0R(9,"nz-breadcrumb-item"),n.OEk(10,"Button"),n.C$Y()(),n.I0R(11,"nz-dropdown-menu",null,2)(13,"ul",3)(14,"li",4),n.OEk(15,"General"),n.C$Y(),n.I0R(16,"li",4),n.OEk(17,"Layout"),n.C$Y(),n.I0R(18,"li",4),n.OEk(19,"Navigation"),n.C$Y()()()),2&a){const d=n.Gew(12);n.yG2(6),n.E7m("nzOverlay",d)}},dependencies:[r.s5,r.Ih,R.tN,R.OM,O.Ks],encapsulation:2})}return e})();const A=()=>["../../"];let $=(()=>{class e{static#n=this.\u0275fac=function(a){return new(a||e)};static#e=this.\u0275cmp=n.In1({type:e,selectors:[["nz-demo-breadcrumb-router"]],decls:6,vars:2,consts:[[3,"routerLink"]],template:function(a,t){1&a&&(n.I0R(0,"nz-breadcrumb")(1,"nz-breadcrumb-item")(2,"a",0),n.OEk(3,"Home"),n.C$Y()(),n.I0R(4,"nz-breadcrumb-item"),n.OEk(5,"Breadcrumb"),n.C$Y()()),2&a&&(n.yG2(2),n.E7m("routerLink",n.q4q(1,A)))},dependencies:[k.ER,r.s5,r.Ih],encapsulation:2})}return e})(),Y=(()=>{class e{static#n=this.\u0275fac=function(a){return new(a||e)};static#e=this.\u0275cmp=n.In1({type:e,selectors:[["nz-demo-breadcrumb-separator-independent"]],decls:16,vars:1,consts:[[3,"nzSeparator"]],template:function(a,t){1&a&&(n.I0R(0,"nz-breadcrumb",0)(1,"nz-breadcrumb-item"),n.OEk(2,"Location"),n.C$Y(),n.I0R(3,"nz-breadcrumb-separator"),n.OEk(4,":"),n.C$Y(),n.I0R(5,"nz-breadcrumb-item")(6,"a"),n.OEk(7,"Application Center"),n.C$Y()(),n.I0R(8,"nz-breadcrumb-separator"),n.OEk(9,"/"),n.C$Y(),n.I0R(10,"nz-breadcrumb-item"),n.OEk(11,"Application List"),n.C$Y(),n.I0R(12,"nz-breadcrumb-separator"),n.OEk(13,"/"),n.C$Y(),n.I0R(14,"nz-breadcrumb-item"),n.OEk(15,"An Application"),n.C$Y()()),2&a&&n.E7m("nzSeparator",null)},dependencies:[r.s5,r.Ih,r.Uk],encapsulation:2})}return e})();function w(e,N){1&e&&n.wR5(0,"span",3)}let h=(()=>{class e{static#n=this.\u0275fac=function(a){return new(a||e)};static#e=this.\u0275cmp=n.In1({type:e,selectors:[["nz-demo-breadcrumb-separator"]],decls:23,vars:1,consts:[["nzSeparator",">"],[3,"nzSeparator"],["iconTemplate",""],["nz-icon","","nzType","arrow-right"]],template:function(a,t){if(1&a&&(n.I0R(0,"h4"),n.OEk(1,"String"),n.C$Y(),n.I0R(2,"nz-breadcrumb",0)(3,"nz-breadcrumb-item"),n.OEk(4,"Home"),n.C$Y(),n.I0R(5,"nz-breadcrumb-item")(6,"a"),n.OEk(7,"Application List"),n.C$Y()(),n.I0R(8,"nz-breadcrumb-item"),n.OEk(9,"An Application"),n.C$Y()(),n.wR5(10,"br"),n.I0R(11,"h4"),n.OEk(12,"TemplateRef"),n.C$Y(),n.I0R(13,"nz-breadcrumb",1)(14,"nz-breadcrumb-item"),n.OEk(15,"Home"),n.C$Y(),n.I0R(16,"nz-breadcrumb-item")(17,"a"),n.OEk(18,"Application List"),n.C$Y()(),n.I0R(19,"nz-breadcrumb-item"),n.OEk(20,"An Application"),n.C$Y()(),n.yuY(21,w,1,0,"ng-template",null,2,n.gJz)),2&a){const d=n.Gew(22);n.yG2(13),n.E7m("nzSeparator",d)}},dependencies:[m.If,r.s5,r.Ih],styles:["h4[_ngcontent-%COMP%]:first-child{margin-top:0}h4[_ngcontent-%COMP%]{margin:16px 0;font-size:14px;line-height:1;font-weight:400}"]})}return e})(),f=(()=>{class e{static#n=this.\u0275fac=function(a){return new(a||e)};static#e=this.\u0275cmp=n.In1({type:e,selectors:[["nz-demo-breadcrumb-with-icon"]],decls:10,vars:0,consts:[["nz-icon","","nzType","home"],["nz-icon","","nzType","user"]],template:function(a,t){1&a&&(n.I0R(0,"nz-breadcrumb")(1,"nz-breadcrumb-item"),n.wR5(2,"

1span",0),n.C$Y(),n.I0R(3,"nz-breadcrumb-item")(4,"a"),n.wR5(5,"span",1),n.I0R(6,"span"),n.OEk(7,"Application List"),n.C$Y()()(),n.I0R(8,"nz-breadcrumb-item"),n.OEk(9,"Application"),n.C$Y()())},dependencies:[m.If,r.s5,r.Ih],encapsulation:2})}return e})(),D=(()=>{class e{constructor(){this.expanded=!1}goLink(o){window&&(window.location.hash=o)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(o=>{o.nzExpanded=this.expanded,o.expandCode(this.expanded),o.check()})}static#n=this.\u0275fac=function(a){return new(a||e)};static#e=this.\u0275cmp=n.In1({type:e,selectors:[["nz-demo-breadcrumb"]],viewQuery:function(a,t){if(1&a&&n.CC$(p.A,5),2&a){let d;n.wto(d=n.Gqi())&&(t.codeBoxes=d)}},decls:534,vars:35,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["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"],["nz-icon","","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"],["nz-icon","","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","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","nzIframeHeight","nzHref"],["href","https://angular.io/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","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","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","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","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","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-breadcrumb:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-breadcrumb:standalone'",1,"anchor"],[1,"token","operator"],[1,"token","function"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"],["spellcheck","true",1,"token","comment"]],template:function(a,t){1&a&&(n.I0R(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),n.qCj("nzClick",function(E){return t.goLink(E)}),n.wR5(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),n.C$Y()(),n.I0R(11,"section",10)(12,"h1"),n.OEk(13,"Breadcrumb"),n.I0R(14,"span",11),n.OEk(15,"\u9762\u5305\u5c51"),n.C$Y(),n.wR5(16,"span",12),n.I0R(17,"a",13),n.wR5(18,"span",14),n.C$Y()(),n.I0R(19,"section",10),n.EdD(),n.I0R(20,"p"),n.OEk(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"),n.C$Y(),n.I0R(22,"h2",15)(23,"span"),n.OEk(24,"\u4f55\u65f6\u4f7f\u7528"),n.C$Y(),n.I0R(25,"a",16),n.OEk(26,"#"),n.C$Y()(),n.I0R(27,"ul")(28,"li"),n.OEk(29,"\u5f53\u7cfb\u7edf\u62e5\u6709\u8d85\u8fc7\u4e24\u7ea7\u4ee5\u4e0a\u7684\u5c42\u7ea7\u7ed3\u6784\u65f6\uff1b"),n.C$Y(),n.I0R(30,"li"),n.OEk(31,"\u5f53\u9700\u8981\u544a\u77e5\u7528\u6237\u300e\u4f60\u5728\u54ea\u91cc\u300f\u65f6\uff1b"),n.C$Y(),n.I0R(32,"li"),n.OEk(33,"\u5f53\u9700\u8981\u5411\u4e0a\u5bfc\u822a\u7684\u529f\u80fd\u65f6\u3002"),n.C$Y()(),n.I0R(34,"pre",17)(35,"code")(36,"span",18),n.OEk(37,"import"),n.C$Y(),n.OEk(38," "),n.I0R(39,"span",19),n.OEk(40,"{"),n.C$Y(),n.OEk(41," NzBreadCrumbModule "),n.I0R(42,"span",19),n.OEk(43,"}"),n.C$Y(),n.OEk(44," "),n.I0R(45,"span",18),n.OEk(46,"from"),n.C$Y(),n.OEk(47," "),n.I0R(48,"span",20),n.OEk(49,"'ng-zorro-antd/breadcrumb'"),n.C$Y(),n.I0R(50,"span",19),n.OEk(51,";"),n.C$Y()()(),n.eAF(),n.C$Y(),n.I0R(52,"h2")(53,"span"),n.OEk(54,"\u4ee3\u7801\u6f14\u793a"),n.C$Y(),n.I0R(55,"span",21),n.qCj("click",function(){return t.expandAllCode()}),n.C$Y()()(),n.I0R(56,"div",22)(57,"div",23)(58,"nz-code-box",24),n.wR5(59,"nz-demo-breadcrumb-basic",25),n.I0R(60,"div",26),n.EdD(),n.I0R(61,"p"),n.OEk(62,"\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002"),n.C$Y(),n.eAF(),n.C$Y()(),n.I0R(63,"nz-code-box",27),n.wR5(64,"nz-demo-breadcrumb-router",25),n.I0R(65,"div",26),n.EdD(),n.I0R(66,"p"),n.OEk(67,"\u548c "),n.I0R(68,"a",28),n.OEk(69,"RouterLink"),n.C$Y(),n.OEk(70," \u8fdb\u884c\u7ed3\u5408\u4f7f\u7528\u3002"),n.C$Y(),n.eAF(),n.C$Y()(),n.I0R(71,"nz-code-box",29),n.wR5(72,"nz-demo-breadcrumb-separator",25),n.I0R(73,"div",26),n.EdD(),n.I0R(74,"p"),n.OEk(75,"\u4f7f\u7528 "),n.I0R(76,"code"),n.OEk(77,"nzSeparator"),n.C$Y(),n.OEk(78," \u53ef\u4ee5\u81ea\u5b9a\u4e49\u5206\u9694\u7b26\u3002"),n.C$Y(),n.eAF(),n.C$Y()(),n.I0R(79,"nz-code-box",30),n.wR5(80,"nz-demo-breadcrumb-separator-independent",25),n.I0R(81,"div",26),n.EdD(),n.I0R(82,"p"),n.OEk(83,"\u4f7f\u7528 "),n.I0R(84,"code"),n.OEk(85,"nz-breadcrumb-separator"),n.C$Y(),n.OEk(86," \u53ef\u4ee5\u81ea\u5b9a\u4e49\u5206\u9694\u7b26\u3002"),n.C$Y(),n.eAF(),n.C$Y()()(),n.I0R(87,"div",23)(88,"nz-code-box",31),n.wR5(89,"nz-demo-breadcrumb-with-icon",25),n.I0R(90,"div",26),n.EdD(),n.I0R(91,"p"),n.OEk(92,"\u56fe\u6807\u653e\u5728\u6587\u5b57\u524d\u9762\u3002"),n.C$Y(),n.eAF(),n.C$Y()(),n.I0R(93,"nz-code-box",32),n.wR5(94,"nz-demo-breadcrumb-auto",25),n.I0R(95,"div",26),n.EdD(),n.I0R(96,"p"),n.OEk(97,"\u901a\u8fc7\u914d\u7f6e "),n.I0R(98,"code"),n.OEk(99,"router.data"),n.C$Y(),n.OEk(100," \u81ea\u52a8\u751f\u6210\u9762\u5305\u5c51\u3002"),n.C$Y(),n.eAF(),n.C$Y()(),n.I0R(101,"nz-code-box",33),n.wR5(102,"nz-demo-breadcrumb-dropdown",25),n.I0R(103,"div",26),n.EdD(),n.I0R(104,"p"),n.OEk(105,"\u9762\u5305\u5c51\u652f\u6301\u4e0b\u62c9\u83dc\u5355\u3002"),n.C$Y(),n.eAF(),n.C$Y()()()(),n.I0R(106,"section",34),n.EdD(),n.I0R(107,"h2",35)(108,"span"),n.OEk(109,"API"),n.C$Y(),n.I0R(110,"a",36),n.OEk(111,"#"),n.C$Y()(),n.I0R(112,"h3",37)(113,"span"),n.OEk(114,"nz-breadcrumb"),n.C$Y(),n.I0R(115,"label",38),n.OEk(116,"component"),n.C$Y(),n.I0R(117,"label",39),n.OEk(118,"standalone"),n.C$Y(),n.I0R(119,"a",40),n.OEk(120,"#"),n.C$Y()(),n.I0R(121,"table")(122,"thead")(123,"tr")(124,"th"),n.OEk(125,"\u53c2\u6570"),n.C$Y(),n.I0R(126,"th"),n.OEk(127,"\u8bf4\u660e"),n.C$Y(),n.I0R(128,"th"),n.OEk(129,"\u7c7b\u578b"),n.C$Y(),n.I0R(130,"th"),n.OEk(131,"\u9ed8\u8ba4\u503c"),n.C$Y()()(),n.I0R(132,"tbody")(133,"tr")(134,"td")(135,"code"),n.OEk(136,"[nzSeparator]"),n.C$Y()(),n.I0R(137,"td"),n.OEk(138,"\u5206\u9694\u7b26\u81ea\u5b9a\u4e49"),n.C$Y(),n.I0R(139,"td")(140,"code"),n.OEk(141,"string | TemplateRef<void> | null"),n.C$Y()(),n.I0R(142,"td")(143,"code"),n.OEk(144,"'/'"),n.C$Y()()(),n.I0R(145,"tr")(146,"td")(147,"code"),n.OEk(148,"[nzAutoGenerate]"),n.C$Y()(),n.I0R(149,"td"),n.OEk(150,"\u81ea\u52a8\u751f\u6210 Breadcrumb"),n.C$Y(),n.I0R(151,"td")(152,"code"),n.OEk(153,"boolean"),n.C$Y()(),n.I0R(154,"td")(155,"code"),n.OEk(156,"false"),n.C$Y()()(),n.I0R(157,"tr")(158,"td")(159,"code"),n.OEk(160,"[nzRouteLabel]"),n.C$Y()(),n.I0R(161,"td"),n.OEk(162,"\u81ea\u5b9a\u4e49 route data \u5c5e\u6027\u540d\u79f0, "),n.I0R(163,"code"),n.OEk(164,"nzAutoGenerate"),n.C$Y(),n.OEk(165," \u4e3a "),n.I0R(166,"code"),n.OEk(167,"true"),n.C$Y(),n.OEk(168," \u65f6\u624d\u751f\u6548"),n.C$Y(),n.I0R(169,"td")(170,"code"),n.OEk(171,"string"),n.C$Y()(),n.I0R(172,"td")(173,"code"),n.OEk(174,"'breadcrumb'"),n.C$Y()()(),n.I0R(175,"tr")(176,"td")(177,"code"),n.OEk(178,"[nzRouteLabelFn]"),n.C$Y()(),n.I0R(179,"td"),n.OEk(180,"\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, "),n.I0R(181,"code"),n.OEk(182,"nzAutoGenerate"),n.C$Y(),n.OEk(183," \u4e3a "),n.I0R(184,"code"),n.OEk(185,"true"),n.C$Y(),n.OEk(186," \u65f6\u624d\u751f\u6548"),n.C$Y(),n.I0R(187,"td")(188,"code"),n.OEk(189,"(label:string) => string"),n.C$Y()(),n.I0R(190,"td")(191,"code"),n.OEk(192,"label => label"),n.C$Y()()()()(),n.I0R(193,"p"),n.OEk(194,"\u4f7f\u7528 "),n.I0R(195,"code"),n.OEk(196,"[nzAutoGenerate]"),n.C$Y(),n.OEk(197," \u65f6\uff0c\u9700\u8981\u5728\u8def\u7531\u7c7b\u4e2d\u5b9a\u4e49 "),n.I0R(198,"code"),n.OEk(199,"data"),n.C$Y(),n.OEk(200,":"),n.C$Y(),n.I0R(201,"pre",17)(202,"code")(203,"span",19),n.OEk(204,"{"),n.C$Y(),n.OEk(205,"\n  path"),n.I0R(206,"span",19),n.OEk(207,":"),n.C$Y(),n.OEk(208," "),n.I0R(209,"span",20),n.OEk(210,"'path'"),n.C$Y(),n.I0R(211,"span",19),n.OEk(212,","),n.C$Y(),n.OEk(213,"\n  component"),n.I0R(214,"span",19),n.OEk(215,":"),n.C$Y(),n.OEk(216," SomeComponent"),n.I0R(217,"span",19),n.OEk(218,","),n.C$Y(),n.OEk(219,"\n  data"),n.I0R(220,"span",19),n.OEk(221,":"),n.C$Y(),n.OEk(222," "),n.I0R(223,"span",19),n.OEk(224,"{"),n.C$Y(),n.OEk(225,"\n    breadcrumb"),n.I0R(226,"span",19),n.OEk(227,":"),n.C$Y(),n.OEk(228," "),n.I0R(229,"span",20),n.OEk(230,"'Display Name'"),n.C$Y(),n.OEk(231,"\n  "),n.I0R(232,"span",19),n.OEk(233,"}"),n.C$Y(),n.OEk(234,"\n"),n.I0R(235,"span",19),n.OEk(236,"}"),n.C$Y()()(),n.I0R(237,"p"),n.OEk(238,"\u5bf9\u4e8e\u61d2\u52a0\u8f7d\u8def\u7531\uff0c\u5e94\u8be5\u5728\u7236\u5c42\u8def\u7531\u5199 "),n.I0R(239,"code"),n.OEk(240,"data"),n.C$Y(),n.OEk(241,"\uff1a"),n.C$Y(),n.I0R(242,"pre",17)(243,"code")(244,"span",19),n.OEk(245,"{"),n.C$Y(),n.OEk(246,"\n  path"),n.I0R(247,"span",19),n.OEk(248,":"),n.C$Y(),n.OEk(249," "),n.I0R(250,"span",20),n.OEk(251,"'first'"),n.C$Y(),n.I0R(252,"span",19),n.OEk(253,","),n.C$Y(),n.OEk(254,"\n  loadChildren"),n.I0R(255,"span",19),n.OEk(256,":"),n.C$Y(),n.OEk(257," "),n.I0R(258,"span",19),n.OEk(259,"("),n.C$Y(),n.I0R(260,"span",19),n.OEk(261,")"),n.C$Y(),n.OEk(262," "),n.I0R(263,"span",41),n.OEk(264,"="),n.C$Y(),n.I0R(265,"span",41),n.OEk(266,">"),n.C$Y(),n.OEk(267," "),n.I0R(268,"span",18),n.OEk(269,"import"),n.C$Y(),n.I0R(270,"span",19),n.OEk(271,"("),n.C$Y(),n.I0R(272,"span",20),n.OEk(273,"'./first/first.module'"),n.C$Y(),n.I0R(274,"span",19),n.OEk(275,")"),n.C$Y(),n.I0R(276,"span",19),n.OEk(277,"."),n.C$Y(),n.I0R(278,"span",42),n.OEk(279,"then"),n.C$Y(),n.I0R(280,"span",19),n.OEk(281,"("),n.C$Y(),n.OEk(282,"m "),n.I0R(283,"span",41),n.OEk(284,"="),n.C$Y(),n.I0R(285,"span",41),n.OEk(286,">"),n.C$Y(),n.OEk(287," m"),n.I0R(288,"span",19),n.OEk(289,"."),n.C$Y(),n.OEk(290,"FirstModule"),n.I0R(291,"span",19),n.OEk(292,")"),n.C$Y(),n.I0R(293,"span",19),n.OEk(294,","),n.C$Y(),n.OEk(295,"\n  data"),n.I0R(296,"span",19),n.OEk(297,":"),n.C$Y(),n.OEk(298," "),n.I0R(299,"span",19),n.OEk(300,"{"),n.C$Y(),n.OEk(301,"\n    breadcrumb"),n.I0R(302,"span",19),n.OEk(303,":"),n.C$Y(),n.OEk(304," "),n.I0R(305,"span",20),n.OEk(306,"'First'"),n.C$Y(),n.OEk(307,"\n  "),n.I0R(308,"span",19),n.OEk(309,"}"),n.C$Y(),n.I0R(310,"span",19),n.OEk(311,","),n.C$Y(),n.OEk(312,"\n"),n.I0R(313,"span",19),n.OEk(314,"}"),n.C$Y()()(),n.I0R(315,"p"),n.OEk(316,"\u4f7f\u7528 "),n.I0R(317,"code"),n.OEk(318,"nzRouteLabel"),n.C$Y(),n.OEk(319," \u81ea\u5b9a\u4e49\u8def\u7531\u5c5e\u6027\u540d\u79f0:"),n.C$Y(),n.I0R(320,"pre",43)(321,"code")(322,"span",44)(323,"span",44)(324,"span",19),n.OEk(325,"<"),n.C$Y(),n.OEk(326,"nz-breadcrumb"),n.C$Y(),n.OEk(327," "),n.I0R(328,"span",45),n.OEk(329,"[nzAutoGenerate]"),n.C$Y(),n.I0R(330,"span",46)(331,"span",19),n.OEk(332,"="),n.C$Y(),n.I0R(333,"

1span",19),n.OEk(334,'"'),n.C$Y(),n.OEk(335,"true"),n.I0R(336,"span",19),n.OEk(337,'"'),n.C$Y()(),n.OEk(338," "),n.I0R(339,"span",45),n.OEk(340,"[nzRouteLabel]"),n.C$Y(),n.I0R(341,"span",46)(342,"span",19),n.OEk(343,"="),n.C$Y(),n.I0R(344,"span",19),n.OEk(345,'"'),n.C$Y(),n.I0R(346,"span",19),n.OEk(347,"'"),n.C$Y(),n.OEk(348,"customBreadcrumb"),n.I0R(349,"span",19),n.OEk(350,"'"),n.C$Y(),n.I0R(351,"span",19),n.OEk(352,'"'),n.C$Y()(),n.I0R(353,"span",19),n.OEk(354,">"),n.C$Y()(),n.I0R(355,"span",44)(356,"span",44)(357,"span",19),n.OEk(358,"</"),n.C$Y(),n.OEk(359,"nz-breadcrumb"),n.C$Y(),n.I0R(360,"span",19),n.OEk(361,">"),n.C$Y()()()(),n.I0R(362,"pre",17)(363,"code")(364,"span",19),n.OEk(365,"{"),n.C$Y(),n.OEk(366,"\n  path"),n.I0R(367,"span",19),n.OEk(368,":"),n.C$Y(),n.OEk(369," "),n.I0R(370,"span",20),n.OEk(371,"'path'"),n.C$Y(),n.I0R(372,"span",19),n.OEk(373,","),n.C$Y(),n.OEk(374,"\n  component"),n.I0R(375,"span",19),n.OEk(376,":"),n.C$Y(),n.OEk(377," SomeComponent"),n.I0R(378,"span",19),n.OEk(379,","),n.C$Y(),n.OEk(380,"\n  data"),n.I0R(381,"span",19),n.OEk(382,":"),n.C$Y(),n.OEk(383," "),n.I0R(384,"span",19),n.OEk(385,"{"),n.C$Y(),n.OEk(386,"\n    customBreadcrumb"),n.I0R(387,"span",19),n.OEk(388,":"),n.C$Y(),n.OEk(389," "),n.I0R(390,"span",20),n.OEk(391,"'Display Name'"),n.C$Y(),n.OEk(392,"\n  "),n.I0R(393,"span",19),n.OEk(394,"}"),n.C$Y(),n.OEk(395,"\n"),n.I0R(396,"span",19),n.OEk(397,"}"),n.C$Y()()(),n.I0R(398,"p"),n.OEk(399,"\u4f7f\u7528 "),n.I0R(400,"code"),n.OEk(401,"nzRouteLabelFn"),n.C$Y(),n.OEk(402," \u5728\u56fd\u9645\u5316\u5e94\u7528\u4e2d\u683c\u5f0f\u5316\u9762\u5305\u5c51\u5bfc\u822a\u9879\u7684\u6587\u672c:"),n.C$Y(),n.I0R(403,"pre",43)(404,"code")(405,"span",44)(406,"span",44)(407,"span",19),n.OEk(408,"<"),n.C$Y(),n.OEk(409,"nz-breadcrumb"),n.C$Y(),n.OEk(410," "),n.I0R(411,"span",45),n.OEk(412,"[nzAutoGenerate]"),n.C$Y(),n.I0R(413,"span",46)(414,"span",19),n.OEk(415,"="),n.C$Y(),n.I0R(416,"span",19),n.OEk(417,'"'),n.C$Y(),n.OEk(418,"true"),n.I0R(419,"span",19),n.OEk(420,'"'),n.C$Y()(),n.OEk(421," "),n.I0R(422,"span",45),n.OEk(423,"[nzRouteLabel]"),n.C$Y(),n.I0R(424,"span",46)(425,"span",19),n.OEk(426,"="),n.C$Y(),n.I0R(427,"span",19),n.OEk(428,'"'),n.C$Y(),n.I0R(429,"span",19),n.OEk(430,"'"),n.C$Y(),n.OEk(431,"breadcrumbI18nKey"),n.I0R(432,"span",19),n.OEk(433,"'"),n.C$Y(),n.I0R(434,"span",19),n.OEk(435,'"'),n.C$Y()(),n.OEk(436," "),n.I0R(437,"span",45),n.OEk(438,"[nzRouteLabelFn]"),n.C$Y(),n.I0R(439,"span",46)(440,"span",19),n.OEk(441,"="),n.C$Y(),n.I0R(442,"span",19),n.OEk(443,'"'),n.C$Y(),n.OEk(444,"translateFn"),n.I0R(445,"span",19),n.OEk(446,'"'),n.C$Y()(),n.I0R(447,"span",19),n.OEk(448,">"),n.C$Y()(),n.I0R(449,"span",44)(450,"span",44)(451,"span",19),n.OEk(452,"</"),n.C$Y(),n.OEk(453,"nz-breadcrumb"),n.C$Y(),n.I0R(454,"span",19),n.OEk(455,">"),n.C$Y()()()(),n.I0R(456,"pre",17)(457,"code")(458,"span",47),n.OEk(459,"// In Route"),n.C$Y(),n.OEk(460,"\n"),n.I0R(461,"span",19),n.OEk(462,"{"),n.C$Y(),n.OEk(463,"\n  path"),n.I0R(464,"span",19),n.OEk(465,":"),n.C$Y(),n.OEk(466," "),n.I0R(467,"span",20),n.OEk(468,"'path'"),n.C$Y(),n.I0R(469,"span",19),n.OEk(470,","),n.C$Y(),n.OEk(471,"\n  component"),n.I0R(472,"span",19),n.OEk(473,":"),n.C$Y(),n.OEk(474," SomeComponent"),n.I0R(475,"span",19),n.OEk(476,","),n.C$Y(),n.OEk(477,"\n  data"),n.I0R(478,"span",19),n.OEk(479,":"),n.C$Y(),n.OEk(480," "),n.I0R(481,"span",19),n.OEk(482,"{"),n.C$Y(),n.OEk(483,"\n    breadcrumbI18nKey"),n.I0R(484,"span",19),n.OEk(485,":"),n.C$Y(),n.OEk(486," "),n.I0R(487,"span",20),n.OEk(488,"'i18n.aaa.bbbb'"),n.C$Y(),n.OEk(489,"\n  "),n.I0R(490,"span",19),n.OEk(491,"}"),n.C$Y(),n.OEk(492,"\n"),n.I0R(493,"span",19),n.OEk(494,"}"),n.C$Y(),n.OEk(495,"\n\n"),n.I0R(496,"span",47),n.OEk(497,"// In component"),n.C$Y(),n.OEk(498,"\ntranslateFn "),n.I0R(499,"span",41),n.OEk(500,"="),n.C$Y(),n.OEk(501," "),n.I0R(502,"span",19),n.OEk(503,"("),n.C$Y(),n.OEk(504,"key"),n.I0R(505,"span",19),n.OEk(506,":"),n.C$Y(),n.OEk(507," "),n.I0R(508,"span",18),n.OEk(509,"string"),n.C$Y(),n.I0R(510,"span",19),n.OEk(511,")"),n.C$Y(),n.OEk(512," "),n.I0R(513,"span",41),n.OEk(514,"="),n.C$Y(),n.I0R(515,"span",41),n.OEk(516,">"),n.C$Y(),n.OEk(517," "),n.I0R(518,"span",18),n.OEk(519,"this"),n.C$Y(),n.I0R(520,"span",19),n.OEk(521,"."),n.C$Y(),n.OEk(522,"yourI18nService"),n.I0R(523,"span",19),n.OEk(524,"."),n.C$Y(),n.I0R(525,"span",42),n.OEk(526,"translate"),n.C$Y(),n.I0R(527,"span",19),n.OEk(528,"("),n.C$Y(),n.OEk(529,"key"),n.I0R(530,"span",19),n.OEk(531,")"),n.C$Y(),n.I0R(532,"span",19),n.OEk(533,";"),n.C$Y()()(),n.eAF(),n.C$Y()()),2&a&&(n.yG2(),n.E7m("nzOffsetTop",16),n.yG2(),n.E7m("nzAffix",!1),n.yG2(54),n.E7m("nzGutter",16),n.yG2(),n.E7m("nzXl",12)("nzSpan",24),n.yG2(),n.E7m("nzId","components-breadcrumb-demo-basic")("nzLink","components-breadcrumb-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/basic.md"),n.yG2(5),n.E7m("nzId","components-breadcrumb-demo-router")("nzLink","components-breadcrumb-demo-router")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/router.md"),n.yG2(8),n.E7m("nzId","components-breadcrumb-demo-separator")("nzLink","components-breadcrumb-demo-separator")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/separator.md"),n.yG2(8),n.E7m("nzId","components-breadcrumb-demo-separator-independent")("nzLink","components-breadcrumb-demo-separator-independent")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/separator-independent.md"),n.yG2(8),n.E7m("nzXl",12)("nzSpan",24),n.yG2(),n.E7m("nzId","components-breadcrumb-demo-with-icon")("nzLink","components-breadcrumb-demo-with-icon")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/with-icon.md"),n.yG2(5),n.E7m("nzId","components-breadcrumb-demo-auto")("nzLink","components-breadcrumb-demo-auto")("nzIframeHeight",460)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/auto.md"),n.yG2(8),n.E7m("nzId","components-breadcrumb-demo-dropdown")("nzLink","components-breadcrumb-demo-dropdown")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/dropdown.md"))},dependencies:[p.A,s.s9,s.mK,C.g,c.QD,c.ox,I.qG,m.If,z,b,l,$,Y,h,f],encapsulation:2})}return e})(),y=(()=>{class e{constructor(){this.expanded=!1}goLink(o){window&&(window.location.hash=o)}

1expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(o=>{o.nzExpanded=this.expanded,o.expandCode(this.expanded),o.check()})}static#n=this.\u0275fac=function(a){return new(a||e)};static#e=this.\u0275cmp=n.In1({type:e,selectors:[["nz-demo-breadcrumb"]],viewQuery:function(a,t){if(1&a&&n.CC$(p.A,5),2&a){let d;n.wto(d=n.Gqi())&&(t.codeBoxes=d)}},decls:534,vars:35,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["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"],["nz-icon","","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"],["nz-icon","","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","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","nzIframeHeight","nzHref"],["href","https://angular.io/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","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","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","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/app/app.component.html&hideExplorer=1&hideNavigation=1&view=preview",3,"nzId","nzLink","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","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-breadcrumb:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-breadcrumb:standalone'",1,"anchor"],[1,"token","operator"],[1,"token","function"],[1,"language-html"],[1,"token","tag"],[1,"token","attr-name"],[1,"token","attr-value"],["spellcheck","true",1,"token","comment"]],template:function(a,t){1&a&&(n.I0R(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),n.qCj("nzClick",function(E){return t.goLink(E)}),n.wR5(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),n.C$Y()(),n.I0R(11,"section",10)(12,"h1"),n.OEk(13,"Breadcrumb"),n.wR5(14,"span",11)(15,"span",12),n.I0R(16,"a",13),n.wR5(17,"span",14),n.C$Y()(),n.I0R(18,"section",10),n.EdD(),n.I0R(19,"p"),n.OEk(20,"A breadcrumb displays the current location within a hierarchy. It allows going back to states higher up in the hierarchy."),n.C$Y(),n.I0R(21,"h2",15)(22,"span"),n.OEk(23,"When To Use"),n.C$Y(),n.I0R(24,"a",16),n.OEk(25,"#"),n.C$Y()(),n.I0R(26,"ul")(27,"li"),n.OEk(28,"When the system has more than two layers in a hierarchy."),n.C$Y(),n.I0R(29,"li"),n.OEk(30,"When you need to inform the user of where they are."),n.C$Y(),n.I0R(31,"li"),n.OEk(32,"When the user may 

1need to navigate back to a higher level."),n.C$Y(),n.I0R(33,"li"),n.OEk(34,"When the application has multi-layer architecture."),n.C$Y()(),n.I0R(35,"pre",17)(36,"code")(37,"span",18),n.OEk(38,"import"),n.C$Y(),n.OEk(39," "),n.I0R(40,"span",19),n.OEk(41,"{"),n.C$Y(),n.OEk(42," NzBreadCrumbModule "),n.I0R(43,"span",19),n.OEk(44,"}"),n.C$Y(),n.OEk(45," "),n.I0R(46,"span",18),n.OEk(47,"from"),n.C$Y(),n.OEk(48," "),n.I0R(49,"span",20),n.OEk(50,"'ng-zorro-antd/breadcrumb'"),n.C$Y(),n.I0R(51,"span",19),n.OEk(52,";"),n.C$Y()()(),n.eAF(),n.C$Y(),n.I0R(53,"h2")(54,"span"),n.OEk(55,"Examples"),n.C$Y(),n.I0R(56,"span",21),n.qCj("click",function(){return t.expandAllCode()}),n.C$Y()()(),n.I0R(57,"div",22)(58,"div",23)(59,"nz-code-box",24),n.wR5(60,"nz-demo-breadcrumb-basic",25),n.I0R(61,"div",26),n.EdD(),n.I0R(62,"p"),n.OEk(63,"The simplest use"),n.C$Y(),n.eAF(),n.C$Y()(),n.I0R(64,"nz-code-box",27),n.wR5(65,"nz-demo-breadcrumb-router",25),n.I0R(66,"div",26),n.EdD(),n.I0R(67,"p"),n.OEk(68,"Used together with "),n.I0R(69,"a",28),n.OEk(70,"RouterLink"),n.C$Y(),n.OEk(71,"."),n.C$Y(),n.eAF(),n.C$Y()(),n.I0R(72,"nz-code-box",29),n.wR5(73,"nz-demo-breadcrumb-separator",25),n.I0R(74,"div",26),n.EdD(),n.I0R(75,"p"),n.OEk(76,"The separator can be customized by setting the separator property: "),n.I0R(77,"code"),n.OEk(78,"nzSeparator"),n.C$Y()(),n.eAF(),n.C$Y()(),n.I0R(79,"nz-code-box",30),n.wR5(80,"nz-demo-breadcrumb-separator-independent",25),n.I0R(81,"div",26),n.EdD(),n.I0R(82,"p"),n.OEk(83,"The separator can be customized by using the component "),n.I0R(84,"code"),n.OEk(85,"nz-breadcrumb-separator"),n.C$Y(),n.OEk(86,"."),n.C$Y(),n.eAF(),n.C$Y()()(),n.I0R(87,"div",23)(88,"nz-code-box",31),n.wR5(89,"nz-demo-breadcrumb-with-icon",25),n.I0R(90,"div",26),n.EdD(),n.I0R(91,"p"),n.OEk(92,"The icon should be placed in front of the text."),n.C$Y(),n.eAF(),n.C$Y()(),n.I0R(93,"nz-code-box",32),n.wR5(94,"nz-demo-breadcrumb-auto",25),n.I0R(95,"div",26),n.EdD(),n.I0R(96,"p"),n.OEk(97,"Auto generate breadcrumbs using "),n.I0R(98,"code"),n.OEk(99,"router.data"),n.C$Y(),n.OEk(100,"."),n.C$Y(),n.eAF(),n.C$Y()(),n.I0R(101,"nz-code-box",33),n.wR5(102,"nz-demo-breadcrumb-dropdown",25),n.I0R(103,"div",26),n.EdD(),n.I0R(104,"p"),n.OEk(105,"Breadcrumbs support drop down menu."),n.C$Y(),n.eAF(),n.C$Y()()()(),n.I0R(106,"section",34),n.EdD(),n.I0R(107,"h2",35)(108,"span"),n.OEk(109,"API"),n.C$Y(),n.I0R(110,"a",36),n.OEk(111,"#"),n.C$Y()(),n.I0R(112,"h3",37)(113,"span"),n.OEk(114,"nz-breadcrumb"),n.C$Y(),n.I0R(115,"label",38),n.OEk(116,"component"),n.C$Y(),n.I0R(117,"label",39),n.OEk(118,"standalone"),n.C$Y(),n.I0R(119,"a",40),n.OEk(120,"#"),n.C$Y()(),n.I0R(121,"table")(122,"thead")(123,"tr")(124,"th"),n.OEk(125,"Property"),n.C$Y(),n.I0R(126,"th"),n.OEk(127,"Description"),n.C$Y(),n.I0R(128,"th"),n.OEk(129,"Type"),n.C$Y(),n.I0R(130,"th"),n.OEk(131,"Default"),n.C$Y()()(),n.I0R(132,"tbody")(133,"tr")(134,"td")(135,"code"),n.OEk(136,"[nzSeparator]"),n.C$Y()(),n.I0R(137,"td"),n.OEk(138,"Custom separator"),n.C$Y(),n.I0R(139,"td")(140,"code"),n.OEk(141,"string | TemplateRef<void> | null"),n.C$Y()(),n.I0R(142,"td")(143,"code"),n.OEk(144,"'/'"),n.C$Y()()(),n.I0R(145,"tr")(146,"td")(147,"code"),n.OEk(148,"[nzAutoGenerate]"),n.C$Y()(),n.I0R(149,"td"),n.OEk(150,"Auto generate breadcrumb"),n.C$Y(),n.I0R(151,"td")(152,"code"),n.OEk(153,"boolean"),n.C$Y()(),n.I0R(154,"td")(155,"code"),n.OEk(156,"false"),n.C$Y()()(),n.I0R(157,"tr")(158,"td")(159,"code"),n.OEk(160,"[nzRouteLabel]"),n.C$Y()(),n.I0R(161,"td"),n.OEk(162,"Name of property that determines displayed text in routing config. It should be used when "),n.I0R(163,"code"),n.OEk(164,"nzAutoGenerate"),n.C$Y(),n.OEk(165," is "),n.I0R(166,"code"),n.OEk(167,"true"),n.C$Y()(),n.I0R(168,"td")(169,"code"),n.OEk(170,"string"),n.C$Y()(),n.I0R(171,"td")(172,"code"),n.OEk(173,"'breadcrumb'"),n.C$Y()()(),n.I0R(174,"tr")(175,"td")(176,"code"),n.OEk(177,"[nzRouteLabelFn]"),n.C$Y()(),n.I0R(178,"td"),n.OEk(179,"Format breadcrumb item label text\uff0cnormally used in international app to translate i18n key. It should be used when "),n.I0R(180,"code"),n.OEk(181,"nzAutoGenerate"),n.C$Y(),n.OEk(182," is "),n.I0R(183,"code"),n.OEk(184,"true"),n.C$Y()(),n.I0R(185,"td")(186,"code"),n.OEk(187,"(label:string) => string"),n.C$Y()(),n.I0R(188,"td")(189,"code"),n.OEk(190,"label => label"),n.C$Y()()()()(),n.I0R(191,"p"),n.OEk(192,"Using "),n.I0R(193,"code"),n.OEk(194,"[nzAutoGenerate]"),n.C$Y(),n.OEk(195," by configuring "),n.I0R(196,"code"),n.OEk(197,"data"),n.C$Y(),n.OEk(198," like this:"),n.C$Y(),n.I0R(199,"pre",17)(200,"code")(201,"span",19),n.OEk(202,"{"),n.C$Y(),n.OEk(203,"\n  path"),n.I0R(204,"span",19),n.OEk(205,":"),n.C$Y(),n.OEk(206," "),n.I0R(207,"span",20),n.OEk(208,"'/path'"),n.C$Y(),n.I0R(209,"span",19),n.OEk(210,","),n.C$Y(),n.OEk(211,"\n  component"),n.I0R(212,"span",19),n.OEk(213,":"),n.C$Y(),n.OEk(214," SomeComponent"),n.I0R(215,"span",19),n.OEk(216,","),n.C$Y(),n.OEk(217,"\n  data"),n.I0R(218,"span",19),n.OEk(219,":"),n.C$Y(),n.OEk(220," "),n.I0R(221,"span",19),n.OEk(222,"{"),n.C$Y(),n.OEk(223,"\n    breadcrumb"),n.I0R(224,"span",19),n.OEk(225,":"),n.C$Y(),n.OEk(226," "),n.I0R(227,"span",20),n.OEk(228,"'Display Name'"),n.C$Y(),n.OEk(229,"\n  "),n.I0R(230,"span",19),n.OEk(231,"}"),n.C$Y(),n.OEk(232,"\n"),n.I0R(233,"span",19),n.OEk(234,"}"),n.C$Y()()(),n.I0R(235,"p"),n.OEk(236,"For lazy loading modules, you should write "),n.I0R(237,"code"),n.OEk(238,"data"),n.C$Y(),n.OEk(239," in parent module like this:"),n.C$Y(),n.I0R(240,"pre",17)(241,"code")(242,"span",19),n.OEk(243,"{"),n.C$Y(),n.OEk(244,"\n  path"),n.I0R(245,"span",19),n.OEk(246,":"),n.C$Y(),n.OEk(247," "),n.I0R(248,"span",20),n.OEk(249,"'first'"),n.C$Y(),n.I0R(250,"span",19),n.OEk(251,","),n.C$Y(),n.OEk(252,"\n  loadChildren"),n.I0R(253,"span",19),n.OEk(254,":"),n.C$Y(),n.OEk(255," "),n.I0R(256,"span",19),n.OEk(257,"("),n.C$Y(),n.I0R(258,"span",19),n.OEk(259,")"),n.C$Y(),n.OEk(260," "),n.I0R(261,"span",41),n.OEk(262,"="),n.C$Y(),n.I0R(263,"span",41),n.OEk(264,">"),n.C$Y(),n.OEk(265," "),n.I0R(266,"span",18),n.OEk(267,"import"),n.C$Y(),n.I0R(268,"span",19),n.OEk(269,"("),n.C$Y(),n.I0R(270,"span",20),n.OEk(271,"'./first/first.module'"),n.C$Y(),n.I0R(272,"span",19),n.OEk(273,")"),n.C$Y(),n.I0R(274,"span",19),n.OEk(275,"."),n.C$Y(),n.I0R(276,"span",42),n.OEk(277,"then"),n.C$Y(),n.I0R(278,"span",19),n.OEk(279,"("),n.C$Y(),n.OEk(280,"m "),n.I0R(281,"span",41),n.OEk(282,"="),n.C$Y(),n.I0R(283,"span",41),n.OEk(284,">"),n.C$Y(),n.OEk(285," m"),n.I0R(286,"span",19),n.OEk(287,"."),n.C$Y(),n.OEk(288,"FirstModule"),n.I0R(289,"span",19),n.OEk(290,")"),n.C$Y(),n.I0R(291,"span",19),n.OEk(292,","),n.C$Y(),n.OEk(293,"\n  data"),n.I0R(294,"span",19),n.OEk(295,":"),n.C$Y(),n.OEk(296," "),n.I0R(297,"span",19),n.OEk(298,"{"),n.C$Y(),n.OEk(299,"\n    breadcrumb"),n.I0R(300,"span",19),n.OEk(301,":"),n.C$Y(),n.OEk(302," "),n.I0R(303,"span",20),n.OEk(304,"'First'"),n.C$Y(),n.OEk(305,"\n  "),n.I0R(306,"span",19),n.OEk(307,"}"),n.C$Y(),n.I0R(308,"span",19),n.OEk(309,","),n.C$Y(),n.OEk(310,"\n"),n.I0R(311,"span",19),n.OEk(312,"}"),n.C$Y()()(),n.I0R(313,"p"),n.OEk(314,"use "),n.I0R(315,"code"),n.OEk(316,"nzRouteLabel"),n.C$Y(),n.OEk(317," to custom "),n.I0R(318,"code"),n.OEk(319,"data"),n.C$Y(),n.OEk(320," breadcrumb label:"),n.C$Y(),n.I0R(321,"pre",43)(322,"code")(323,"span",44)(324,"span",44)(325,"span",19),n.OEk(326,"<"),n.C$Y(),n.OEk(327,"nz-breadcrumb"),n.C$Y(),n.OEk(328," "),n.I0R(329,"span",45),n.OEk(330,"[nzAutoGenerate]"),n.C$Y(),n.I0R(331,"span",46)(332,"span",19),n.OEk(333,"="),n.C$Y(),n.I0R(334,"span",19),n.OEk(335,'"'),n.C$Y(),n.OEk(336,"true"),n.I0R(337,"span",19),n.OEk(338,'"'),n.C$Y()(),n.OEk(339," "),n.I0R(340,"span",45),n.OEk(341,"[nzRouteLabel]"),n.C$Y(),n.I0R(342,"span",46)(343,"span",19),n.OEk(344,"="),n.C$Y(),n.I0R(345,"span",19),n.OEk(346,'"'),n.C$Y(),n.I0R(347,"span",19),n.OEk(348,"'"),n.C$Y(),n.OEk(349,"customBreadcrumb"),n.I0R(350,"span",19),n.OEk(351,"'"),n.C$Y(),n.I0R(352,"span",19),n.OEk(353,'"'),n.C$Y()(),n.I0R(354,"span",19),n.OEk(355,">"),n.C$Y()(),n.I0R(356,"span",44)(357,"span",44)(358,"span",19),n.OEk(359,"</"),n.C$Y(),n.OEk(360,"nz-breadcrumb"),n.C$Y(),n.I0R(361,"span",19),n.OEk(362,">"),n.C$Y()()()(),n.I0R(363,"pre",17)(364,"code")(365,"span",19),n.OEk(366,"{"),n.C$Y(),n.OEk(367,"\n  path"),n.I0R(368,"span",19),n.OEk(369,":"),n.C$Y(),n.OEk(370," "),n.I0R(371,"span",20),n.OEk(372,"'path'"),n.C$Y(),n.I0R(373,"span",19),n.OEk(374,","),n.C$Y(),n.OEk(375,"\n  component"),n.I0R(376,"span",19),n.OEk(377,":"),n.C$Y(),n.OEk(378," SomeComponent"),n.I0R(379,"span",19),n.OEk(380,","),n.C$Y(),n.OEk(381,"\n  data"),n.I0R(382,"span",19),n.OEk(383,"

1:"),n.C$Y(),n.OEk(384," "),n.I0R(385,"span",19),n.OEk(386,"{"),n.C$Y(),n.OEk(387,"\n    customBreadcrumb"),n.I0R(388,"span",19),n.OEk(389,":"),n.C$Y(),n.OEk(390," "),n.I0R(391,"span",20),n.OEk(392,"'Display Name'"),n.C$Y(),n.OEk(393,"\n  "),n.I0R(394,"span",19),n.OEk(395,"}"),n.C$Y(),n.OEk(396,"\n"),n.I0R(397,"span",19),n.OEk(398,"}"),n.C$Y()()(),n.I0R(399,"p"),n.OEk(400,"use "),n.I0R(401,"code"),n.OEk(402,"nzRouteLabelFn"),n.C$Y(),n.OEk(403," to format breadcrumb label in international application:"),n.C$Y(),n.I0R(404,"pre",43)(405,"code")(406,"span",44)(407,"span",44)(408,"span",19),n.OEk(409,"<"),n.C$Y(),n.OEk(410,"nz-breadcrumb"),n.C$Y(),n.OEk(411," "),n.I0R(412,"span",45),n.OEk(413,"[nzAutoGenerate]"),n.C$Y(),n.I0R(414,"span",46)(415,"span",19),n.OEk(416,"="),n.C$Y(),n.I0R(417,"span",19),n.OEk(418,'"'),n.C$Y(),n.OEk(419,"true"),n.I0R(420,"span",19),n.OEk(421,'"'),n.C$Y()(),n.OEk(422," "),n.I0R(423,"span",45),n.OEk(424,"[nzRouteLabel]"),n.C$Y(),n.I0R(425,"span",46)(426,"span",19),n.OEk(427,"="),n.C$Y(),n.I0R(428,"span",19),n.OEk(429,'"'),n.C$Y(),n.I0R(430,"span",19),n.OEk(431,"'"),n.C$Y(),n.OEk(432,"breadcrumbI18nKey"),n.I0R(433,"span",19),n.OEk(434,"'"),n.C$Y(),n.I0R(435,"span",19),n.OEk(436,'"'),n.C$Y()(),n.OEk(437," "),n.I0R(438,"span",45),n.OEk(439,"[nzRouteLabelFn]"),n.C$Y(),n.I0R(440,"span",46)(441,"span",19),n.OEk(442,"="),n.C$Y(),n.I0R(443,"span",19),n.OEk(444,'"'),n.C$Y(),n.OEk(445,"translateFn"),n.I0R(446,"span",19),n.OEk(447,'"'),n.C$Y()(),n.I0R(448,"span",19),n.OEk(449,">"),n.C$Y()(),n.I0R(450,"span",44)(451,"span",44)(452,"span",19),n.OEk(453,"</"),n.C$Y(),n.OEk(454,"nz-breadcrumb"),n.C$Y(),n.I0R(455,"span",19),n.OEk(456,">"),n.C$Y()()()(),n.I0R(457,"pre",17)(458,"code")(459,"span",47),n.OEk(460,"// In Route"),n.C$Y(),n.OEk(461,"\n"),n.I0R(462,"span",19),n.OEk(463,"{"),n.C$Y(),n.OEk(464,"\n  path"),n.I0R(465,"span",19),n.OEk(466,":"),n.C$Y(),n.OEk(467," "),n.I0R(468,"span",20),n.OEk(469,"'path'"),n.C$Y(),n.I0R(470,"span",19),n.OEk(471,","),n.C$Y(),n.OEk(472,"\n  component"),n.I0R(473,"span",19),n.OEk(474,":"),n.C$Y(),n.OEk(475," SomeComponent"),n.I0R(476,"span",19),n.OEk(477,","),n.C$Y(),n.OEk(478,"\n  data"),n.I0R(479,"span",19),n.OEk(480,":"),n.C$Y(),n.OEk(481," "),n.I0R(482,"span",19),n.OEk(483,"{"),n.C$Y(),n.OEk(484,"\n    breadcrumbI18nKey"),n.I0R(485,"span",19),n.OEk(486,":"),n.C$Y(),n.OEk(487," "),n.I0R(488,"span",20),n.OEk(489,"'i18n.aaa.bbbb'"),n.C$Y(),n.OEk(490,"\n  "),n.I0R(491,"span",19),n.OEk(492,"}"),n.C$Y(),n.OEk(493,"\n"),n.I0R(494,"span",19),n.OEk(495,"}"),n.C$Y(),n.OEk(496,"\n\n"),n.I0R(497,"span",47),n.OEk(498,"// In component"),n.C$Y(),n.OEk(499,"\ntranslateFn "),n.I0R(500,"span",41),n.OEk(501,"="),n.C$Y(),n.OEk(502," "),n.I0R(503,"span",19),n.OEk(504,"("),n.C$Y(),n.OEk(505,"key"),n.I0R(506,"span",19),n.OEk(507,":"),n.C$Y(),n.I0R(508,"span",18),n.OEk(509,"string"),n.C$Y(),n.I0R(510,"span",19),n.OEk(511,")"),n.C$Y(),n.OEk(512," "),n.I0R(513,"span",41),n.OEk(514,"="),n.C$Y(),n.I0R(515,"span",41),n.OEk(516,">"),n.C$Y(),n.OEk(517," "),n.I0R(518,"span",18),n.OEk(519,"this"),n.C$Y(),n.I0R(520,"span",19),n.OEk(521,"."),n.C$Y(),n.OEk(522,"yourI18nService"),n.I0R(523,"span",19),n.OEk(524,"."),n.C$Y(),n.I0R(525,"span",42),n.OEk(526,"translate"),n.C$Y(),n.I0R(527,"span",19),n.OEk(528,"("),n.C$Y(),n.OEk(529,"key"),n.I0R(530,"span",19),n.OEk(531,")"),n.C$Y(),n.I0R(532,"span",19),n.OEk(533,";"),n.C$Y()()(),n.eAF(),n.C$Y()()),2&a&&(n.yG2(),n.E7m("nzOffsetTop",16),n.yG2(),n.E7m("nzAffix",!1),n.yG2(55),n.E7m("nzGutter",16),n.yG2(),n.E7m("nzXl",12)("nzSpan",24),n.yG2(),n.E7m("nzId","components-breadcrumb-demo-basic")("nzLink","components-breadcrumb-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/basic.md"),n.yG2(5),n.E7m("nzId","components-breadcrumb-demo-router")("nzLink","components-breadcrumb-demo-router")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/router.md"),n.yG2(8),n.E7m("nzId","components-breadcrumb-demo-separator")("nzLink","components-breadcrumb-demo-separator")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/separator.md"),n.yG2(7),n.E7m("nzId","components-breadcrumb-demo-separator-independent")("nzLink","components-breadcrumb-demo-separator-independent")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/separator-independent.md"),n.yG2(8),n.E7m("nzXl",12)("nzSpan",24),n.yG2(),n.E7m("nzId","components-breadcrumb-demo-with-icon")("nzLink","components-breadcrumb-demo-with-icon")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/with-icon.md"),n.yG2(5),n.E7m("nzId","components-breadcrumb-demo-auto")("nzLink","components-breadcrumb-demo-auto")("nzIframeHeight",460)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/auto.md"),n.yG2(8),n.E7m("nzId","components-breadcrumb-demo-dropdown")("nzLink","components-breadcrumb-demo-dropdown")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/breadcrumb/demo/dropdown.md"))},dependencies:[p.A,s.s9,s.mK,C.g,c.QD,c.ox,I.qG,m.If,z,b,l,$,Y,h,f],encapsulation:2})}return e})(),B=(()=>{class e{static#n=this.\u0275fac=function(a){return new(a||e)};static#e=this.\u0275mod=n.a4G({type:e});static#a=this.\u0275inj=n.s3X({imports:[g.K,F,k.qQ.forChild([{path:"en",component:y},{path:"zh",component:D}])]})}return e})()}}]);

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.