问题标签 [angular-localize]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
155 浏览

angular - Angular bazel ts_devserver 添加 polyfill

我收到以下错误

polyfills.ts 是一个 ts_library()

我现在不知道为什么在应用程序启动之前如何初始化......在测试中,我通过添加//src:polyfills到 runtime_deps 并在 srcs 中本地化 init 来做到这一点。

有任何想法吗?

0 投票
3 回答
3029 浏览

angular - 使用 @angular/localize 本地化原始应用程序后,如何“服务”原始应用程序?

我正在使用 Angular 的本地化 @angular/localize 并在将其配置为将应用程序翻译成不同的语言后,我尝试使用“ng serve”来提供它的默认版本,但我收到了这个错误:

我基于此尝试了不同的端口:How to serve different Angular locales during development using ng serve? 但无济于事。

对于翻译版本,一切都使用“ng serve --configuration=fr”。构建工作正常,在 dist/App 文件夹中创建“en-US”和“fr”文件夹。

当我删除 dev-server 中的 inlineLocales.size 条件时,一切正常,没有错误:

所以它可能是 Angular-devkit 问题。

我试图通过创建新的“en-US”语言环境来解决这个问题,但出现了这个错误:

在仅使用 'en' 而不是 'en-US' 并创建新的翻译文件<source>并且<target>翻译相同之后,它可以使用 'ng serve --configuration=en' 但它看起来是一个错误的解决方案。

这是我的 angular.json:

如何重现:该应用程序是使用 Angular CLI 10.0.0 和 Angular 10.0.1 生成的,然后通过 'ng add @angular/localize' 添加 @angular/localize。在 app.component.html 中是 single <h1 i18n="@@app.h1">Hello</h1>。使用上面的 angular.json。

0 投票
5 回答
1900 浏览

angular - 如何本地化我的 Angular 11 库?

我正在将我的 Angular 11 应用程序重构为库。我的常规应用程序已本地化@angular/localize为开发依赖项,因此我$localize在部分代码中使用了该指令。我需要将此指令与此指令一起移动到库中,但我不知道如何执行此操作。

在我的库package.json文件中,我添加了对等依赖@angular/localize项以匹配我的应用程序中的 devDependency:

$localize但是编译器报告说当我尝试做时它找不到ng build <library name>

如何$localize在我的库中使用该指令?

0 投票
2 回答
321 浏览

angular - 根据所选语言环境加载其他 scss 文件或代码

我正在编写一个带有本地化的 Angular 11 通用应用程序。

我想要实现的是能够scss根据选择的语言环境加载更多文件。

因此,例如,如果用户选择Hebrew它将添加styles-he.scss添加的direction:rtl.

我用谷歌搜索了很多,基本上都说和这个网址一样:https ://juristr.com/blog/2019/08/dynamically-load-css-angular-cli/

我需要在 angular.json 中添加新样式,以便延迟加载:

然后我应该在以下位置创建一个 loadStyle 组件app.component.ts

并随时loadStyle('styles-he.scss')执行

啊..实际上教程谈到了css,不知道是否scss可行。可能我必须在这种方法中使用 css。

问题是我希望有一种更角度的方式来包含这些基于国家/地区的样式文件。当我执行这个函数时不太明白,我怎么知道它是哪种语言。

这是我的语言环境配置angular.json

所以总的来说,我迷失了根据所选语言环境添加更多样式的正确方法。

0 投票
2 回答
1331 浏览

build - Angular 10.2 构建:本地化包生成失败:无法读取未定义的属性“值”

我有一个基于 Angular 10.0.11的项目。

我用 将项目更新到10.2,但是在尝试构建时npm update,这导致了多个-errorsUnable to fully load [...] for source-map flattening: Circular source file mapping dependency

我解决了它:

但我仍然无法构建。在该过程结束时,我收到此错误:

我无法弄清楚这里出了什么问题。根据“Angular 更新指南”,从 10.0 更新到 10.2 应该是小菜一碟。

这是日志文件的内容:

角.json

包.json

0 投票
1 回答
1151 浏览

javascript - 如何仅将子依赖的 lodash 包(babel/core 所需的依赖包)从 lodash@4.17.19 更新到 v4.17.21

最近lodashpackage 在 github 页面上报告了一个安全漏洞问题。您可以在此处找到详细信息。https://github.com/lodash/lodash/issues/5083

他们已经解决了这个问题,并且它的修复出现在 lodash v4.17.21 中。我正在使用 Angular 10 版本。我没有直接使用 lodash,但是,@angular/localize@10.0.7内部使用的 angular 包之一使用@babel/core@7.8.3,而这个 babel 内部使用lodash@4.17.19.

Angular 的人会在他们的最新版本中更新版本号,目前,我不想升级到最新版本的 Angular。因此,我的问题是如何仅将 lodash 包,一个子依赖(babel/core 所需的依赖包)从 lodash@4.17.19 更新到 v4.17.21 ?

0 投票
0 回答
61 浏览

angular - Angular 十进制管道语言环境依赖于浏览器

我在我的 Angular 应用程序中使用 DecimalPipe 来显示数字,但问题是十进制管道的默认语言环境是“en-us”。因此,一百万的数字被格式化为

1,000,000. 然而,我是欧洲人,我希望它是1 000 000。简单地硬编码十进制管道中的语言环境不是一种选择,因为我确实希望美国人在他们的语言环境中显示它,而欧洲人在我们的语言环境中显示它。

一些解决方案建议使用LOCALE_ID. 例如

即使我的浏览器在荷兰语中排在第一位(未指定国家/地区),在英语中排在第二位(也未指定国家/地区),默认为“en-us”。建议的其他一些解决方案

但话又说回来,这是硬编码的,我需要它依赖于浏览器。另一种解决方案是通过请求用户的语言,Navigator.language但这通常只是一种语言,没有国家,也没有语言环境。

当找不到任何地方时,我如何请求语言环境并回退例如“en-us”?

0 投票
1 回答
277 浏览

angular - Angular localize:每种语言的重复应用程序?

几年前,我使用@ngx-translate在我的 Angular 应用程序中处理字符串替换。

现在我需要国际化我的应用程序,尽管@ngx-translate 似乎仍然是更好的选择,但我会给 Angular i18n 内置功能一个机会*。

我已经阅读了Angular i18n 文档,并且拥有应用程序的翻译版本似乎非常简单(尽管使用 XML 而不是 JSON!)。

正如文档所述:

由于 i18n 的部署复杂性和最小化重建时间的需要,开发服务器一次只支持本地化一个语言环境

此外,我必须为每种语言构建不同的应用程序,这会导致应用程序重复:

我对吗?我们不应该只有一个应用程序和与运行时加载的语言一样多的“message.xlf”文件(或类似的文件)吗?

*我在某处读到 ngx-translate 的维护者认为,一旦 Angular “赶上”,他的解决方案就会被弃用。事实上,他受雇于 Angular 团队从事 I18n 模块的工作;他指出,内置解决方案要复杂得多且没有错误。所以,虽然 ngx-translate 还在被广泛使用,但也许我们迟早要考虑转移到内置模块

0 投票
0 回答
252 浏览

angular - 角度翻译提取失败

我在我的一个项目中使用 Angular 10,我无法在项目中使用本地化。

以下是我遵循的步骤:

  1. 首先,我使用添加了本地化包ng add @angular/localize
  2. 然后我i18n在我的一个 HTML 标记中添加了该属性。
  3. 现在我正在尝试使用创建翻译文件ng xi18n

但我收到以下错误:

我一直在努力寻找解决方案很长一段时间,任何快速帮助将不胜感激。提前致谢。

0 投票
1 回答
218 浏览

angular - 对象数组的角度定位

我的角度组件中有一个对象数组,如下所示:

在我的模板中,我在我的自定义选择组件中使用它,如下所示:

而且我试图做一个工作来使用 angular-localize 进行翻译,但实际上没有找到,所以有什么想法吗?