如何使用 angular 实现 nativescript-localize 的清晰示例

Question

这是关于 https://market.nativescript.org/plugins/nativescript-localize#angular 中的 nativescript-localize 我已经一步一步地按照文档进行操作，但结果是：

<Label text="{{ [ERROR ->]'Hello world !' | L }}" ></Label>
JS: <Label text="{{ 'I am %s' | L:'user name' }}" ></Label>
JS: 
JS: "): ng:///ClassementModule/ClassementComponent.html@17:16
JS: The pipe 'L' could not be found ("

fr.default.json看起来像：

{
  "hello": {
    "world": "Bonjour le monde !"
  },
  "not found in en.default": "pas trouvé dans en.default"
}

老实说，我找不到一个清楚的例子来说明如何实现这个插件。我从这里查看了 demo-angular：DEMO-ANGULAR 也不太清楚 :(

我觉得文档中缺少某些东西，我被卡住了。

你能帮我一些提示吗？

Answer 1

对于 Nativescript 7，您必须遵循本教程： https://github.com/NativeScript/plugins/tree/master/packages/localize

注意：文档指出 i18n 文件夹应位于“app”文件夹中。这对我不起作用，我不得不将它放在“src”文件夹中。

我也必须将它添加到组件模块（不仅仅是应用程序模块）。

添加所有内容后，我手动重新启动构建。

如何使用 angular 实现 nativescript-localize 的清晰示例

A clear example how to implement nativescript-localize with angular

nativescript-angular

nativescript-plugin