ID generated by xi18n command does not match ID generated at run time

🐞 Bug report

Command (mark with an x)

• new
• build
• serve
• test
• e2e
• generate
• add
• update
• lint
• xi18n
• run
• config
• help
• version
• doc

Is this a regression?

Not sure

Description

string ID generated by using "ng xi18n --ivy --format=xlf" dont match ID at runtime. Im getting `localize.js:392 No translation found for ...`

🔬 Minimal Reproduction

1. Say add <custom-element i18n-label label="Your details must match your government issued ID"></custom-element> in your template
2. Run ng xi18n --ivy --format=xlf command
3. in your main.ts add loadTranslations({<key from xlf file>:<string vlaue>})
4. run it with “ng serve”

🔥 Exception or Error

In the console I see `localize.js:392 localize.js:392 No translation found for "4775231765644062609" ("Your details must match your government issued ID") warning. By comparison ID for that string in the xlf file was "bf882f6f9243369463e44749b2780c253ddce34a"

🌍 Your Environment

Angular CLI: 10.1.1
Node: 10.15.3
OS: darwin x64

Angular: 10.1.4
... animations, common, compiler, compiler-cli, core, forms
... language-service, localize, platform-browser
... platform-browser-dynamic, router
Ivy Workspace: Yes

Package                            Version
------------------------------------------------------------
@angular-devkit/architect          0.901.12
@angular-devkit/build-angular      0.1001.4
@angular-devkit/build-ng-packagr   0.1001.4
@angular-devkit/build-optimizer    0.1001.4
@angular-devkit/build-webpack      0.1001.4
@angular-devkit/core               7.3.10
@angular-devkit/schematics         7.3.10
@angular/cdk                       10.2.3
@angular/cli                       10.1.1
@angular/flex-layout               10.0.0-beta.32
@angular/google-maps               10.2.3
@angular/material                  10.2.3
@ngtools/webpack                   10.1.4
@schematics/angular                8.3.23
@schematics/update                 0.1001.1
ng-packagr                         10.1.2
rxjs                               6.6.3
typescript                         3.9.7
webpack                            4.44.1

Anything else relevant?

I also noticed that IDs generated from templates vs from $localize in TS files have different length. Here is ID from $localize: 4998556035340110929 and here is from template 47c477a6e7959ffde7a0ab247ec1c88468d5e101. Looks like ones from templates is hexadecimal where from $localize are numbers only. And template IDs twice longer.

[petebacondarwin]

For reference, I think the line that needs to change to support legacy message ids in Ivy JIT mode is https://github.com/angular/angular/blob/d795a001375a7d06592450d6f57a4f05d4d3e8e9/packages/compiler/src/render3/view/i18n/meta.ts#L55

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}