Translation for nz-breadcrumb with autoGenerate enabled

[deedarb]

What problem does this feature solve?

In routes there is option to add to data "breadcrumb" property, which will be used in breadcrumb autogeneration. If app have multiple translation languages then there is no option to translate "breadcrumb".

What does the proposed API look like?

<nz-breadcrumb [nzAutoGenerate]="true">
  <nz-breadcrumb-template>{{breadcrumb | customTranslatePipe}}</nz-breadcrumb-template>
</nz-breadcrumb>

or pass function

<nz-breadcrumb [nzAutoGenerate]="true" [labelFn]="customTranslationFn"></nz-breadcrumb>

[zorro-bot]

Hello @deedarb. We totally like your proposal/feedback, welcome to send us a Pull Request for it. Please fill the Pull Request Template here, provide documentation/test cases if needed and make sure CI passed, we will review it soon. Appreciate it advance and we are looking forward to your contribution!

你好 @deedarb, 我们完全同意你的提议/反馈，欢迎直接在此仓库 创建一个 Pull Request 来解决这个问题。请务必填写 Pull Request 内的预设模板，提供改动所需相应的测试用例、文档等，并确保 CI 通过，我们会尽快进行 Review，提前感谢和期待您的贡献！

[wzhudev]

That's a good idea! @deedarb Welcome to submit a PR. We will review it ASAP.

[deedarb]

Hi, thanks for response, i'll try to implement it, which API is OK?
Passing function or template or both? Names of attributes/tags is OK?
Maybe change labelFn to nzLabelFn?

[deedarb]

sorry for commenting in closed issue, implemented function should handle promises and have type:

(label: string) => string | Promise<string>

this is required if you use ngx-translate or transloco services, they provide async and sync methods to translate, but if you use sync translate and provider didn't finished downloading translation it will not provide translation

should i open new issue?