Question

我在JHipster中添加了一个包含多个组件的新模块。我想在html部分中添加JHipsterTraslationService的翻译并尝试这样做，但我不知道。我想我必须接受新服务，但我不知道如何。

Answer 1

Jhipster在html中使用jhiTranslate，例如：<label class="form-control-label" jhiTranslate="myApp.myComponent.myWelcome">My default welcome text</label>，这是指翻译.json文件中字段的值，它将在该文件中查找它并将其替换为它所具有的值。否则，它将显示值"My default welcome text"。

使用angular cli使用jhipster创建组件时，将在应用程序的每个语言文件夹中创建翻译文件。(example: myApplicationName\src\main\webapp\i18n\en)

这是他们在创建组件的文档（Generating Components, Directives, Pipes and Services）中放置的示例：

ng generate component my-new-component
ng g component my-new-component # using the alias

# Components support relative path generation
# Go to src/app/feature/ and run
ng g component new-cmp
# your component will be generated in src/app/feature/new-cmp
# but if you were to run
ng g component ../newer-cmp
# your component will be generated in src/app/newer-cmp

我相信使用这种创作方法更容易也更好，因为它会创建所有必要的文件，无论是组件，服务，指令，路线等。

此外，如果您已经创建了组件，则必须根据应用程序的语言在其相应的文件夹中手动创建每个.json文件。您还可以在应用程序中添加另一种语言（How to add languages after project generation?）。

其他方式....你可以尝试使用生成器添加其他语言。并检查文件是否已添加以及哪些更改，您可以知道哪些文件或订阅可以更改。

我希望这会有所帮助。 ;）

JHipster新模块：无法添加翻译

1 个答案: