将国际化添加到Angular应用程序
国际化是指将应用程序的界面和内容根据不同的语言、地区和文化进行适配和翻译的过程。在Angular应用程序中，可以通过以下几个步骤将国际化添加到应用程序中：
- 安装必要的依赖：
在项目根目录下执行以下命令，安装
@angular/localize和@ngx-translate/core依赖： - 安装必要的依赖：
在项目根目录下执行以下命令，安装
@angular/localize和@ngx-translate/core依赖： - 配置应用程序：
在
app.module.ts文件中引入必要的模块，并进行相关配置，示例如下： - 配置应用程序：
在
app.module.ts文件中引入必要的模块，并进行相关配置，示例如下： - 创建语言文件：
在项目根目录下创建一个名为
assets/i18n的文件夹，然后在该文件夹下为每种语言创建一个对应的语言文件，如en.json和zh.json。语言文件中包含了应用程序中需要翻译的文本，示例如下： - 创建语言文件：
在项目根目录下创建一个名为
assets/i18n的文件夹，然后在该文件夹下为每种语言创建一个对应的语言文件，如en.json和zh.json。语言文件中包含了应用程序中需要翻译的文本，示例如下： - 在组件中使用翻译服务：
在需要翻译的组件中，引入
TranslateService并使用它来获取翻译后的文本，示例如下： - 在组件中使用翻译服务：
在需要翻译的组件中，引入
TranslateService并使用它来获取翻译后的文本，示例如下：
以上步骤完成后，应用程序的界面文本将根据用户所选的语言进行翻译。可以通过调用TranslateService提供的方法来动态切换语言，示例中的changeLanguage方法演示了如何切换语言。
对于Angular应用程序的国际化，腾讯云提供了一系列与国际化相关的云产品和解决方案，可以通过以下链接了解更多信息：
相关·内容
我使用的是一个混合的angular应用程序，其中Angular 1应用程序在Angular 4应用程序中运行。所有的新组件都是在Angular 4中开发的。然而，由于我们在Angular 1中有大量的遗留代码，我想在Angular 4组件中重用一些Angularjs过滤器。我们有大量的过滤器来处理国际化(日期格式，数字格式，语言，等等与用户配置文件偏好)。
有没有办法将Angularjs过滤器升级为Angular 4管道，并在Angular 4 html模板中重用它们？
浏览 1提问于2017-08-02得票数 1
我已经在angular2 4.5上安装了我的.NET应用程序，并在我的应用程序中包含了angular2所需的所有库。最初的应用程序组件运行良好。现在，我已经在我的-*中包含了所有必需的@progress/kendo角package.json库，并恢复了包。我刚在我的应用模块中添加了一个饼图。当我运行这个应用程序时，我会得到控制台中的错误，说明无法获得kendo库。喜欢
失败
我的package.json
"dependencies": {
"@angular/common": "~2.4.0",
"@angular
浏览 2提问于2017-03-02得票数 0
我正在尝试在我的应用程序中实现国际化。我已经浏览了许多博客和教程，它们解释了我们如何使用不同的库来实现它。
我计划使用的是I18N和spring。
我的应用程序的结构如下:-
我的应用程序的前端(基于的Angular2)使用从后端公开的Rest。我使用Spring来实现Rest。对于每个API调用，我都在准备&向UI发送适当的消息。
现在，默认情况下，消息是英文的，但现在我想向它添加国际化支持。我该怎么做呢？
下面是我公开的Rest的一个例子，以及我发送消息的方式:-
@CrossOrigin(methods = RequestMethod.POST)
@PostMapping(val
浏览 2提问于2017-03-03得票数 2
3回答
我正在创建一个新的应用程序，它以新的国际化方式在角9中运行。当我运行命令ng serve --configuration=en时，我得到的是以下错误-
发生了未处理的异常:未为项目定义所请求的区域设置'en‘。
我已经核实了xlf文件的位置。区域设置文件已经存在。应用程序在没有配置参数的情况下运行良好。我的项目是Angular.json -
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProj
浏览 3提问于2020-05-10得票数 4
回答已采纳
1回答
我对棱镜和打字稿比较陌生。
我的想法是，将不同的主机名重定向到一个angular6项目，因为大多数内容是相同的，只有语言和URL不同。
我在app-routing.module.ts所做的事情
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import {enRoutes} from "lang/en/routes";
import {esRoutes} from "lang/es/r
浏览 0提问于2018-10-02得票数 2
回答已采纳
在我们新的Angular 4应用程序中，我们使用集成的i18n功能来翻译应用程序。翻译在AOT编译时完成。通用翻译功能运行良好，但如何处理组件输入的翻译：
<accordion-group [heading]="model.type == 3 ? 'Heading 1' : 'Heading 2'">....<accordion-group>
我们需要翻译一下标题。accordion-group中的代码是相同的，所以复制不是一个选项。
那么解决这个问题的最好方法是什么呢？
浏览 1提问于2017-07-20得票数 2
我试着在angular4管道中显示卢比符号
{{amount | currency:"₹":0}}
但这不管用。还有其他解决办法吗。
浏览 21提问于2017-10-19得票数 1
回答已采纳
1回答
下面是initial_data.json示例。我想让django将'name‘列中的值存储到转换文件中。所以以后，当value被打印到某个地方时，它可以使用它的转换值。有什么办法可以做到吗？谢谢。
[
{"pk": 1, "model": "category.category", "fields": {"name": "Report"}},
{"pk": 2, "model": "category.category", "fields&
浏览 0提问于2010-01-11得票数 2
回答已采纳
1回答
我正面临着在颤栗中的翻译问题。我在我的应用程序中使用国际化特性为用户提供更多的语言选项。我设法翻译应用程序文本，但失败了，文本来自服务器。当用户选择语言时，他们可以为ex添加他们的职业(职业列表)。在意大利语中，这是保存在服务器和当另一个用户选择英语语言，他们不应该能够搜索，以英语找到这个用户。我如何实现翻译来自服务器的文本，或者有任何选择选择不同的路径？提前感谢
浏览 5提问于2022-08-02得票数 2
回答已采纳
我住在智利，这里我们讲西班牙语。
我所有的系统都设置为西班牙语(甚至我对英语没有任何问题，感谢上帝！)
但是..。我想知道..。为什么我在Ubuntu软件中心安装的一些应用程序(游戏和其他)在这台PC中以英语出现，而在我的笔记本电脑中却以西班牙语出现？
我能修好它吗？多么?
浏览 0提问于2016-01-17得票数 0
回答已采纳
我想本地化我的应用程序，但我没有找到它的官方国际代码。我发现韩国人是ko，对吗？还有其他的代码是什么？英语是en-GB，对吗？关于GB是什么意思，当我本地化我的应用程序时，我添加了en.lporj或en-GB.lproj？非常感谢!
浏览 0提问于2011-08-08得票数 0
1回答
我有一个Django 1.8项目，我想国际化。我在应用程序中添加了这样的代码，当我更改LANGUAGE_CODE标记时，我可以成功地看到使用的其他语言，但是当我把它放在en-us上时，就没有其他语言出现了。我已经把我的电脑语言改成了相关语言(德语)，但是对这个网站的调用仍然是英语。我做错了什么？
其他事情：
USE_I18N = true
LOCALE_PATHS工作正常(因为更改LANGUAGE_CODE有效)
我也尝试过设置LANGUAGES属性，尽管我不认为我必须这样做。
编辑:我还确认了GET调用有header：Accept-Language:de-DE,de;q=
浏览 1提问于2015-07-07得票数 0
我的问题很简单:我的一个咖啡脚本中有一个字符串，我需要在我的Rails应用程序中使用i18n值进行国际化。这是我的密码：
$ ->
$("#order_accepted_terms").on 'invalid', ->
this.setCustomValidity('Die AGB müssen akzeptiert werden.')
有人有什么想法吗？
浏览 4提问于2014-11-03得票数 5
回答已采纳
有没有用Angular2 Dart编写的多语言网站的例子？
在GitHub中查找项目，但它是一种角度语法。
此外，我在教程网站上找不到任何多语言处理示例。
浏览 0提问于2017-05-25得票数 0
2回答
我是带有库的@angular/localize，所以我正在浏览并将i18n属性添加到包含副本的字段中。
在包含em和strong标记的文本段落中，我遇到了一些困难。
例如：
<p>We are <em>very</em> happy that you've chosen Funtimes Widget Company!</p>
该应用程序还对副本中的某些产品名称使用“强”：
<p>Furthermore, when you take advantage of this deal, we'll send you a &l
浏览 6提问于2022-04-30得票数 3
我有一个窗体，它由一个窗体控件组成，作为日期选择器和一个垫子日期选择器。当我使用date picket选择日期时，表单控件接受一个date类。我需要把它转换成字符串。请在这段html代码中帮助我：
<mat-form-field appearance="fill">
<input matInput [matDatepicker]="picker" formControlName="date" placeholder="Choose a date">
浏览 29提问于2020-05-13得票数 0
我正在用Obj编写一个iPhone/iPad应用程序。从一开始，我就以编程的方式编写了我的所有布局(我使用自动布局)。
所以，现在我想要将我的应用程序国际化，我不断地看到，我需要打开Base国际化。
但是，当我阅读有关Base国际化的文章时，我看到Base国际化将面向用户的代码从.storyboard和.xib文件中分离出来。
我没有.storyboard或.xib文件。我所有面向用户的字符串都使用NSLocalizedString。
我的初步结论是，我不需要启用Base国际化，但我想在这里提出这个问题，以防我遗漏了什么。
浏览 0提问于2018-04-28得票数 8
1回答
在Xcode中国际化.xib文件
、、、、
我有一个简单的Mac应用程序，我想要国际化。我知道如何使用NSLocalizedString等，这似乎非常方便和深思熟虑。
但是，我还需要在我的项目中国际化一个.xib文件。我找到了关于这个过程的。
我试过了，它起作用了，但我觉得这是一个非常糟糕的想法。真的没有更好的方法了吗？下面的文章产生了一堆.xib文件的副本，每个副本对应一种语言：
这很好用，直到您决定更改界面中的元素，因为之后您必须转到每种语言，并在每一种语言中更改元素。
有没有更好的方法来国际化xib文件？
浏览 1提问于2013-07-16得票数 1
当打开材质菜单时，材质为8的Angular 8应用程序在IE11上抛出以下错误： Unable to get property 'opacity' of undefined or null reference 它在angular 7.2上工作得很好。使用的IE11版本: 11.1146.16299.0更新版本: 11.0.125 新的项目依赖版本： "dependencies": {
"@angular/animations": "^8.0.0",
"@angular/cdk": "^8.0.0"
浏览 42提问于2019-06-04得票数 2
我在rails应用程序/my_app/config/settings.yml中有一个密钥
年龄: 25岁
我想要替换年龄的值从25到任何用户输入使用ruby代码。我该怎么做呢。是否有必要在写入值之前先加载文件？
浏览 2提问于2013-01-18得票数 0
1回答
在设备上安装我的应用程序后，它会显示以下四种语言： ? 如你所见，有两次德语(“德语”)作为一种可用的语言。 但这是它在XCode中的样子： ? 我想知道为什么在我的应用程序中会有“德语(德语)”这个词条，因为它不会出现在XCode中。也许是因为我把开发语言改成了德语？或者我还可以在哪里为我的应用程序设置可用的语言？
浏览 14提问于2020-10-04得票数 1
2回答
我正在使用一个现有的应用程序，我想添加角度。该应用程序使用自定义专有SPA框架+ dojo。该应用程序主要使用dojo模块构建，并大量使用AMD模块。
我已经导入了头部的角度
<script type="text/javascript" src="lib/angular/angular.js"></script>
我还添加了
<html ng-app="myApp">
<script>
angular.module('myApp', [])
</script>
到
浏览 0提问于2015-04-21得票数 0
1回答
我是一名Angular1开发人员，最近考虑在一个新的web应用程序项目中使用Angular4。
与Angular1，我过去购买了一个‘引导管理主题’，这与良好和一致的CSS和大量的JS插件放在一起，这使我可以专注于应用程序本身。我曾经在有数据操作的地方将Angular1代码插入其中，我喜欢这样做。所以我在这两个世界中都是最棒的。
有没有办法，这可以在Angular4 2/Angular4 4，1)真正错过JS插件的主题提供和2)不必复制的CSS到处？
浏览 1提问于2017-04-13得票数 6
回答已采纳
1回答
我已经开发了自定义小工具，并添加到qtcreator。自定义小工具，我已经开发为文本。我想要有选择，以不同的语言显示的文本根据需要。我如何才能做到这一点。我在普通的应用程序中找到了很多关于语言翻译的教程，但我想在自定义小工具中实现同样的效果。我怎么能做到这一点。有没有人能建议我该怎么做。
提前感谢
浏览 3提问于2011-03-04得票数 0
回答已采纳
2回答
我使用角2获得无异常日期，这种情况下，我从服务器得到'0000-00-00‘日期，并抛出异常，所以我跟踪管道过滤器。
{{"2016-05-11" | dateFormat:task_.date_format}}
管道代码-
import { Pipe, PipeTransform } from '@angular/core';
import { DatePipe } from '@angular/common';
import { TaskService } from '../providers/taskService'
浏览 4提问于2016-12-14得票数 2
回答已采纳
1回答
我正在写一个使用离子框架的移动应用程序，它有两种语言:英语和西班牙语，我想能够切换导航视图(作为模板)，以显示在英语或西班牙语取决于用户的选择语言。
我正尝试在我的StateProvider定义上这样做，下面是我的代码的一部分：
(function(){
'use strict';
angular
.module('app.core')
.config(['$stateProvider', '$urlRouterProvider',
浏览 3提问于2017-01-19得票数 0
回答已采纳
我有一个独立的angular应用程序和.net核心网络应用程序接口。我想在IIS中同时部署angular和web api作为捆绑包。在我的本地主机上，我通过将web api的URL放入我的angular应用程序来运行我的angular应用程序。这是我在angular应用程序中的代码：
export const ROOT_URL= 'https://localhost:44312/api/RecloadPrime';
下面是我在angular应用程序中调用api的方式：
UploadRecLoadData(recLoaddata: RecLoadDataTypeModel){
浏览 0提问于2020-04-13得票数 0
3回答
此警告开始出现在Xcode 10 Beta 6中。
我完全理解它的含义，但我希望禁用它。有没有办法做到这一点？
浏览 0提问于2018-08-31得票数 25
我的index.html中有以下内容 <!doctype html>
<html dir="ltr" lang="en">
<head>
<meta charset="utf-8">
<title>Halls Gate</title>
<base href="/">
<meta name="viewport" content="width=dev
浏览 30提问于2019-01-16得票数 0
回答已采纳
我有一个node.js应用程序设置为使用typescript。该应用程序应该部署在heroku上。node.js应用程序被设置为restful api，用于身份验证、注册和请求。
我想知道我需要添加哪些依赖项才能开始在同一项目中构建angular 4应用程序。
我在github上发现了一个问题，建议使用ng init，但这不再是一个选项。ng new会创建一个全新的项目目录，而不是添加依赖项和文件。
这里还有另一个问题，操作员将他自己的答案标记为正确，基本上是“使用流星”。
编辑:我知道如何在本地工作时从node.js应用程序中同时提供angular 2+应用程序，只需构建并提供index.t
浏览 3提问于2017-07-11得票数 4
回答已采纳
我有一个现有的Angular应用程序，它使用angular-oauth2-oidc连接到我们自己的Identity Server进行身份验证。我们现在希望使用Cognito进行身份验证，并将API和Angular应用程序排除在我们自己的服务器上。我如何为这个现有的angular应用程序设置amplify和auth？我只能找到设置新应用程序的示例。
浏览 8提问于2020-07-22得票数 1
回答已采纳
我有一个Spring应用程序，如下所示：
@Controller
@RequestMapping("/users")
public class UserController extends FrontEndController {
@RequestMapping(method = RequestMethod.POST)
public String post(@Valid @ModelAttribute("user") User user, Errors errors, Model model) {
...
}
}
cl
浏览 2提问于2014-07-08得票数 9
回答已采纳
1回答
找不到路由器上的反射信息
、、、
我正在使用angular2-dart构建一个小示例应用程序，并且在设置路由时出错：
异常:找不到路由器上的反射信息
我的模板中有一个按钮调用注销方法。当单击该应用程序时，该应用程序会与错误一起崩溃。这是我的密码：
import 'package:angular2/angular2.dart';
import 'package:angular2/router.dart';
@Component(
selector: 'home',
directives: const [CORE_DIRECTIVES],
templateUrl: &
浏览 1提问于2015-12-20得票数 2
回答已采纳
我需要向我的meteor/angular应用程序添加angular-file-upload指令，该应用程序使用angular-meteor库。
我能够找到已经转换为meteor smart包的包。
此包的安装说明如下：
"meteor add netanelgilad:angular-file-upload"
我就是这么做的。
现在，我启动了应用程序，我得到了
[$injector:unpr] Unknown provider: FileUploaderProvider <- FileUploader <- FileUploadController
下面是我的控制
浏览 4提问于2015-06-08得票数 1
1回答
在验证跨多个地区运行的应用程序中的用户输入时，最合适的方法是什么？我在几年前的一个项目中遇到了这个问题，现在我有兴趣回顾一下我们还可以如何解决这个问题。
我的想法是，要么编写一个跨多个地区有效的输入条件，要么使用大型switch语句(我不喜欢这个)，或者编写一个可以存储在外部属性文件(或类似文件)中的地区特定的正则表达式。第三种选择是我更喜欢的方法，但我对其他方法很感兴趣。
例如，这个问题的一个例子是在欧洲大陆语言中更广泛的上下文中使用重音字母，或者完全不同的字符集。
因此，如果需要对输入进行验证，并且条件会因地区而异，这是处理此问题的最佳方法。
PS:我并不是在寻找特定语言的解决方案，而是更
浏览 2提问于2009-01-26得票数 1
回答已采纳
我有一个Angular2 Angular-CLI应用程序，它使用通过NPM (node_modules文件夹)安装的定制库。我的Angular2应用程序可以在设计时定位定制库组件。但是，当通过ng为应用程序提供服务时，应用程序在运行时会出现错误，对于通过NPM安装的自定义库中存在的HTML、CSS文件，会出现404错误：
404 (未找到)
custom是一个自定义的Angular2库，我正尝试在我的应用程序中使用它。如何让我的应用程序为node_modules库中的组件和相应的HTML、CSS文件提供服务？
以下是我关于Angular-CLI的详细信息：
angular-cli: 1.0.
浏览 10提问于2016-10-24得票数 6
我创建了一个角度应用程序。我已经将导航组件的选择器放置在app.component.html中，这是app.module的一部分，并得到了以下错误。
ERROR in src/app/app.component.html:1:1 - error NG8001: 'app-nav' is not a known element:
1. If 'app-nav' is an Angular component, then verify that it is part of this module.
应用导航是归属共享模块的导航组件的选择器。共享模块被导入到app.m
浏览 1提问于2020-07-09得票数 0
回答已采纳
我使用角度数字管道四舍五入到2位数作为输入| number：'1.2-2'，但角度数字管道以逗号格式给出结果。输入: 1439.333，输出: 1439.33，预期输出:1439.33。有没有办法做到这一点。我在angular 2上，不想使用javascript。谢谢,
浏览 6提问于2016-11-29得票数 1
我需要转换一个XML文件，这是在utf-8发送到cp1252。这怎麽可能？
我的消费者应用程序在其控件中只支持ANSI字符，而不支持Unicode。它还会对接收到的字节进行memcopy。
浏览 0提问于2012-11-09得票数 1
回答已采纳
3回答
我正在尝试创建一个可以打印文档的多语言应用程序。
当打印按钮被按下时，它会显示一个带有打印选项的标准iOS弹出窗口。但它是英语的，而不是设备的语言
我为我的应用程序本地化了字符串。其他部分也工作得很好。但我无法在打印选项中找到设置标签的确切位置。
这就是我过去所说的打印选项的弹出窗口
[printController presentFromBarButtonItem:sender animated:animated completionHandler:completionHandler];
将此弹出窗口上的标签转换为自定义语言(即设备语言)的方法是什么？
同样的例子也会很受欢迎的。谢谢。
浏览 5提问于2013-05-03得票数 0
我正在用JavaScript (ES5)编写一个Angular 2应用程序，我的生命周期钩子没有被框架调用。
附件是:一个示例组件与ngOnInit，index.html，应用程序组件，应用程序模块，main.js。'all.min.js‘是我用uglifyJS生成的所有Angular应用程序js文件的一个文件。
预期的结果是要调用的组件的ngOnInit和要打印的控制台消息'ngOnInit‘。Chrome控制台中没有打印消息。
index.html (简写)：
<!DOCTYPE html>
<html>
<body>
<app&g
浏览 1提问于2016-12-14得票数 0
我有几个数据库具有相同的表结构，每个数据库分别用于不同的语言。我使用JPA和JTA事务类型。当我添加新语言(新数据库)时，我希望动态地创建到数据库的新连接(从应用程序级别)。我知道如何创建新的实体管理器，但仅适用于RESOURCES_LOCAL事务类型。是否可以使用JTA？
浏览 1提问于2011-04-29得票数 0
我有一个Range6模块，它有一个包装HttpClient的相关服务。该模块由应用程序模块导入，主应用程序组件调用服务。
问题是，我得到了以下错误：
由模块'CoreServiceModule‘声明的意外值'MyHttpService’。请添加一个@管道/@指令/@组件注释
我检查了所有的进口和申报，但找不到问题。错误在哪里？
模块：
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { Http
浏览 1提问于2018-07-22得票数 6
回答已采纳
1回答
我有一个现有的angular.js应用程序，我正在使用NgUpgrade升级到angular。我也在尝试使用angular cli作为构建系统。ng serve和ng build运行得很好，但我在使用ng build -prod时遇到了麻烦。
对于原始应用程序，我使用gulp进行构建，作为中间步骤，我使用ng-annotate转换输入文件。我有一个艰难的时间让这与角度cli的工作。
有没有办法集成ng-annotate和ng build -prod？或者在缩小之前处理angular.js文件的任何其他方法？
浏览 4提问于2017-04-20得票数 4
2回答
白标web应用程序
、、、
我有一个web应用程序(使用JSP，GSP，Grails，Java，Javascript )。我们想给它贴上白标签(不确定这是不是正确的词)。我们真正想做的是基于用户正在请求页面的URL，我们想要显示不同的图像，样式表，加载不同的消息包和自定义登录页面。
有哪些不同的方法可以做到这一点？
我们只想出了一种方法：
截取URL并加载不同的图像和样式表重载getMessage方法，以根据参数从特定捆绑包中获取消息(例如，如果外部用户从“外部”文件夹获取消息，则内部用户从“内部”文件夹获取消息)。这里的挑战是重载Spring框架的getmessages方法。在我看来，这似乎是一种粗糙的方法。
我想知道
浏览 5提问于2014-03-13得票数 2
我使用oracle jdeveloper和adf制作了一个(融合web应用程序(adf))应用程序。现在我的问题是..我怎样才能有一个从右到左的页面？或者如何将JSF/Facelets页面的对齐方式改为从右到左？谢谢。
浏览 0提问于2012-01-13得票数 0
回答已采纳
1回答
一些国家在数字中使用点作为逗号，逗号作为小数。这些国家是欧洲(除了英国和爱尔兰)，SudAmerica，俄罗斯和法国西部非洲。
如何知道HTML5中的Web用户是“小数点是逗号”还是“逗号是逗号”？或者我一定有一个包含这些数据的语言数据库，并且它在angular lang={{lang}}中使用
浏览 1提问于2015-04-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
