问题标签 [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.
angular - Angular bazel ts_devserver 添加 polyfill
我收到以下错误
polyfills.ts 是一个 ts_library()
我现在不知道为什么在应用程序启动之前如何初始化......在测试中,我通过添加//src:polyfills
到 runtime_deps 并在 srcs 中本地化 init 来做到这一点。
有任何想法吗?
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。
angular - 如何本地化我的 Angular 11 库?
我正在将我的 Angular 11 应用程序重构为库。我的常规应用程序已本地化@angular/localize
为开发依赖项,因此我$localize
在部分代码中使用了该指令。我需要将此指令与此指令一起移动到库中,但我不知道如何执行此操作。
在我的库package.json
文件中,我添加了对等依赖@angular/localize
项以匹配我的应用程序中的 devDependency:
$localize
但是编译器报告说当我尝试做时它找不到ng build <library name>
。
如何$localize
在我的库中使用该指令?
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
所以总的来说,我迷失了根据所选语言环境添加更多样式的正确方法。
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
javascript - 如何仅将子依赖的 lodash 包(babel/core 所需的依赖包)从 lodash@4.17.19 更新到 v4.17.21
最近lodash
package 在 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 ?
angular - Angular 十进制管道语言环境依赖于浏览器
我在我的 Angular 应用程序中使用 DecimalPipe 来显示数字,但问题是十进制管道的默认语言环境是“en-us”。因此,一百万的数字被格式化为
1,000,000
. 然而,我是欧洲人,我希望它是1 000 000
。简单地硬编码十进制管道中的语言环境不是一种选择,因为我确实希望美国人在他们的语言环境中显示它,而欧洲人在我们的语言环境中显示它。
一些解决方案建议使用LOCALE_ID
. 例如
即使我的浏览器在荷兰语中排在第一位(未指定国家/地区),在英语中排在第二位(也未指定国家/地区),默认为“en-us”。建议的其他一些解决方案
但话又说回来,这是硬编码的,我需要它依赖于浏览器。另一种解决方案是通过请求用户的语言,Navigator.language
但这通常只是一种语言,没有国家,也没有语言环境。
当找不到任何地方时,我如何请求语言环境并回退例如“en-us”?
angular - Angular localize:每种语言的重复应用程序?
几年前,我使用@ngx-translate在我的 Angular 应用程序中处理字符串替换。
现在我需要国际化我的应用程序,尽管@ngx-translate 似乎仍然是更好的选择,但我会给 Angular i18n 内置功能一个机会*。
我已经阅读了Angular i18n 文档,并且拥有应用程序的翻译版本似乎非常简单(尽管使用 XML 而不是 JSON!)。
正如文档所述:
由于 i18n 的部署复杂性和最小化重建时间的需要,开发服务器一次只支持本地化一个语言环境
此外,我必须为每种语言构建不同的应用程序,这会导致应用程序重复:
我对吗?我们不应该只有一个应用程序和与运行时加载的语言一样多的“message.xlf”文件(或类似的文件)吗?
*我在某处读到 ngx-translate 的维护者认为,一旦 Angular “赶上”,他的解决方案就会被弃用。事实上,他受雇于 Angular 团队从事 I18n 模块的工作;他指出,内置解决方案要复杂得多且没有错误。所以,虽然 ngx-translate 还在被广泛使用,但也许我们迟早要考虑转移到内置模块。
angular - 角度翻译提取失败
我在我的一个项目中使用 Angular 10,我无法在项目中使用本地化。
以下是我遵循的步骤:
- 首先,我使用添加了本地化包
ng add @angular/localize
- 然后我
i18n
在我的一个 HTML 标记中添加了该属性。 - 现在我正在尝试使用创建翻译文件
ng xi18n
但我收到以下错误:
我一直在努力寻找解决方案很长一段时间,任何快速帮助将不胜感激。提前致谢。
angular - 对象数组的角度定位
我的角度组件中有一个对象数组,如下所示:
在我的模板中,我在我的自定义选择组件中使用它,如下所示:
而且我试图做一个工作来使用 angular-localize 进行翻译,但实际上没有找到,所以有什么想法吗?