René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"[i18n] support i18n-localiza in template expression.","articleBody":"### Which @angular/* package(s) are relevant/related to the feature request?\r\n\r\ncompiler, localize\r\n\r\n### Description\r\n\r\nexample:\r\n```angular\r\n\u003cspan\u003e {{ nikename ?? 'ano' }} \u003c/span\u003e\r\n```\r\n\r\nfor now to support i18n, I should rewrite those code:\r\n```angular\r\n\u003cspan\u003e {{ nickname ?? $$ANO }} \u003c/span\u003e\r\n```\r\n```ts\r\nclass MyComponent {\r\n  readonly $$ANO = $localiza`:@@ANO:ano`;\r\n}\r\n```\r\n\r\nor like:\r\n```angular\r\n\u003cspan\u003e\r\n  \u003cng-container *ngIf=\"nickname;else Str\"\u003e{{nickname}}\u003c/ng-container\u003e\r\n  \u003cng-template #Str\u003e\u003cng-container i18n=\"@@ANO\"\u003eano\u003c/ng-container\u003e\u003c/ng-template\u003e\r\n\u003cspan\u003e\r\n```\r\n\r\n### Proposed solution\r\n\r\n\r\n```angular\r\n\u003cspan\u003e {{ nikename ?? $localiza(':@@ANO:ano') }} \u003c/span\u003e\r\n```\r\n\r\n\u003e after read the source code. I think inject an function for template is better choose then pipe.\r\n\r\nthose code will compile to on [consts]():\r\n\r\n```ts\r\n$localiza.trans[\":@@ANO:ano\"] = $localiza`:@@ANO:ano`\r\n```\r\n#### Tips\r\n1. `$localize` only support string literal.\r\n   \u003e eg: `$localize(str_var)` is no support, suppose use variable, why not `` str_var = $localize`text`  ``\r\n2. `$localize` only support one argument.\r\n   \u003e suppose transform code:\r\n   \u003e\r\n   \u003e ```ts\r\n   \u003e $localize(':@@MY_INTRO:my name is ', username, ', I\\'m ', age ,' years old.')\r\n   \u003e ```\r\n   \u003e\r\n   \u003e to\r\n   \u003e\r\n   \u003e ```ts\r\n   \u003e $localize`:@@MY_INTRO:my name is \\${name}， I'm ${age} years old.`;\r\n   \u003e ```\r\n   \u003e\r\n   \u003e consider using `html` would get better readability and maintainability:\r\n   \u003e\r\n   \u003e ```html\r\n   \u003e \u003cng-container i18n=\"@@MY_INTRO\"\u003e\r\n   \u003e   my name is {{name}}, I'm {{age}} years old.\r\n   \u003e \u003c/ng-container\u003e\r\n   \u003e ```\r\n\r\n### Alternatives considered\r\n\r\n_noop_\r\n\r\n\u003e For now. I'm trying to make those code work in my project by hacking the source code. I hope someone could give me better suggest.\r\n\r\n### Relational link\r\n\r\n- https://github.com/angular/angular/pull/39122\r\n- https://github.com/angular/angular/issues/35563#issuecomment-840027460","author":{"url":"https://github.com/Gaubee","@type":"Person","name":"Gaubee"},"datePublished":"2022-11-25T02:01:17.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":4},"url":"https://github.com/48229/angular/issues/48229"}