是否有一种方法可以使用Angular i18n AOT转换子组件中的自定义属性值?
我知道我们可以如下转换HTML元素属性。
<input i18n-placeholder="search criteria date @@criteriaDate"
placeholder="Date"
formControlName="date" required>
但是我想对我的组件属性做同样的事情。在此示例中,我想传递标题属性转换后的值。
<custom-spinner
formControlName="nights"
[title]="'Nights'"
i18n-title="search criteria nights@@criteriaNights">
</custom-spinner>
当我尝试此操作时,它不会在messages.xlf文件上生成一个条目。我找不到关于此的任何示例。
在Angular 7中测试。默认情况下有效。 i18n文本不能使用[title]表示法。它应该是纯文本。
<custom-spinner
formControlName="nights"
title="Nights"
i18n-title="search criteria nights@@criteriaNights">
</custom-spinner>
注意,它也适用于任何属性。例如,my-attr
和i18n-my-attr
将翻译my-attr
中的文本。
您可以尝试斜角属性绑定的canonical form-它也应与斜角4.4.6和打字稿2.3.4一起使用。我已经在这种环境下证明过:
Angular CLI: 1.6.8
Node: 6.10.0
OS: win32 x64
Angular: 5.2.5
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router
@angular/cli: 1.6.8
@angular-devkit/build-optimizer: 0.0.42
@angular-devkit/core: 0.0.29
@angular-devkit/schematics: 0.0.52
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.8
@schematics/angular: 0.1.17
typescript: 2.6.2
webpack: 3.10.0
请尝试此解决方案-希望对您有所帮助:
<custom-spinner
formControlName="nights"
bind-title="'Nights'"
i18n-bind-title="search criteria nights@@criteriaNights">
</custom-spinner>
尝试使用此语法。i18n-xxx基本上是供编译器识别的,因此它不遵循Angular模板绑定语法]
<custom-spinner
formControlName="nights"
[title]="'Nights'"
i18n-[title]="search criteria nights@@criteriaNights">
</custom-spinner>