开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

内化Angular 10 @angular/localize，$localize不工作

内化Angular 10 @angular/localize是指将Angular 10应用程序中的文本本地化，以便支持多种语言和地区。@angular/localize是Angular提供的一个库，用于处理应用程序中的本地化字符串。

$localize是@angular/localize库中的一个函数，用于在Angular模板中标记需要本地化的文本。通过使用$localize函数，开发人员可以将应用程序中的文本字符串标记为可本地化的，并在运行时进行翻译。

然而，如果$localize函数不起作用，可能是由于以下原因：

配置问题：确保已正确配置Angular应用程序以使用@angular/localize库。可以通过在angular.json文件中的"projects"部分中的相关配置中添加"@angular/localize"依赖项来实现。
语言环境设置：检查应用程序的语言环境设置是否正确。可以通过在app.module.ts文件中的providers数组中添加LOCALE_ID提供程序来设置语言环境。
编译问题：如果应用程序已经编译过一次，然后更改了本地化字符串，可能需要重新编译应用程序以使更改生效。
错误使用$localize函数：确保正确使用$localize函数来标记需要本地化的文本。在Angular模板中，$localize函数应该像这样使用：{{ $localize文本内容 }}。

总结起来，内化Angular 10 @angular/localize是一种将Angular应用程序中的文本本地化的方法。通过正确配置应用程序、设置语言环境、重新编译应用程序以及正确使用$localize函数，可以解决$localize函数不起作用的问题。

腾讯云相关产品和产品介绍链接地址：

腾讯云国际站：https://intl.cloud.tencent.com/
云服务器CVM：https://intl.cloud.tencent.com/product/cvm
云数据库MySQL：https://intl.cloud.tencent.com/product/cdb_mysql
云存储COS：https://intl.cloud.tencent.com/product/cos
人工智能AI：https://intl.cloud.tencent.com/product/ai
物联网IoT：https://intl.cloud.tencent.com/product/iot
区块链Blockchain：https://intl.cloud.tencent.com/product/baas
视频直播CSS：https://intl.cloud.tencent.com/product/css
音视频处理VOD：https://intl.cloud.tencent.com/product/vod

相关搜索:Angular $localize不是一个函数 Angular 9.0.4:使用$localize:无法读取未定义的属性'loadChildren‘时出错 Angular CLI CSS不工作 angular form，不工作重置方法不工作 Angular HttpInterceptor不工作 Angular patchValue不工作 Angular reactive forms patchValue或setValue不工作- Angular 10 angular ts文件中的i18n $localize Angular2 angular-datatables不工作 Angular:如何从i18n属性和$localize函数生成一个跨单元？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

手工将项目升级至 Angular 9 记录

手工将项目升级至 Angular 9 记录 Angular 最近发布了 9.0 版本，需要先将一个模板项目升级至新版本。...": { - "@angular/animations": "~8.2.14", + "@angular/animations": "~9.0.0", - "@angular/common...{ "devDependencies": { - "@angular-devkit/build-angular": "~0.803.21", + "@angular-devkit/build-angular...9 的 localize 引入了一些变化，需要导入 @angular/localize/init 文件，如果没有使用 @angular/localize ，则不需要修改。...+ import '@angular/localize/init'; projects/web/src/main.ts 如果使用了 @angular/localize 才需要做修改，否则不用修改。

1.8K0 0

4、Angular JS 学习笔记 – 模块

Angular 应用没有main方法，而是使用模块声明指定一个应用如何可以自启动。...('greeter', { salutation: 'Hello', localize: function(localization) { this.salutation =...('xmpl.directive', []); angular.module('xmpl.filter', []); angular.module('xmpl', ['xmpl.service',...greeter, user) { // This is effectively part of the main method initialization code greeter.localize...Use angular.module('myModule') to retrieve an existing module. var myModule = angular.module('myModule

9132 0

移除 View Engine 转用 Ivy，盘点Angular 12的重要更新

移除 View Engine，转而使用 Ivy 从去年开始，Angular 就开始默认使用新的渲染和编译工作管线 Ivy。...为了确保 Angular 能够提供良好的类型检查、快速侦测变更，Angular 官方团队一直在调整静态检查和动态构建的平台。...事实上，从 Angular 9 开始，新的 Angular 应用程序就默认启用 lvy。...Angular CDK 与 Angular Material 共同开放新的 Sass API 接口，可供您通过新的 @use 语法进行使用。...新版本向 localize-extract 中添加一种新的格式，名为 legacy-migrate。此格式可用于生成 JSON 文件，进而将旧版消息 ID 映射为规范 ID。

4.4K1 0

WordPress 教程：使用 wp_localize_script 从 PHP 传递参数给 JavaScript

WordPress 的 wp_localize_script 函数从它名字可以看出它是用来进行前端本地化的，它的工作方式是加载翻译之后的文本，接着将它们当做一个 JavaScript 对象输出到 HTML...使用 wp_localize_script 从 PHP 传递参数给 JavaScript 但是我们使用 wp_localize_script 过程中，反而主要用来从 PHP 传递参数给 JavaScript...将 wp_localize_script 从 PHP 传递给 JavaScript 的参数不编码成 unicode 但是从上面可以看到中文都编码成 unicode，虽然使用上没有什么问题，但是看起来总是不爽...wp_localize_script 在最后 data 参数中提供了一个叫做 l10n_print_after 的 key，它可以无任何干扰直接输出值，我们把 data 参数，使用 json_encode...函数不编码成 unicode 方式放入 l10n_print_after 的 key 中，最后再传递给 wp_localize_script 即可： $weixin_data = array( 'l10n_print_after

2.7K2 0

django 1.8 官方文档翻译：9-1-4 格式本地化

DJango提供了l10n模板库，包含以下标签和过滤器，来实现对本地化的精细控制。模板标签 localize 在包含的代码块内开启或关闭模板变量的本地化。...这样做来为一个模板激活或禁用本地化： {% load l10n %} {% localize on %} {{ value }} {% endlocalize %} {% localize...对于在每个变量基础上执行相同工作的模板过滤器，参见localize 和 unlocalize。模板过滤器 localize 强制单一值的本地化。...例如： {% load l10n %} {{ value|localize }} 使用unlocalize来在单一值上禁用本地化。使用localize 模板标签来在大块的模板区域内控制本地化。...例如： {% load l10n %} {{ value|unlocalize }} 使用localize来强制单一值的本地化。使用localize模板标签来在大块的模板区域内控制本地化。

8322 0

52ABP-PRO 前后端分离架构概述

Web.Host 项目不包含任何与 Web 相关的文件，如 Html、Css 或 Js。它是作为提供远程 Webapi 的应用程序。因此，您的任何设备都可以来访问您的 API 应用程序。...有关更多信息，请移步迁移数据库控制台应用程序 52ABP-PRO 解决方案中包含了三个应用程序：后端 API(Web.Host):提供 RESTAPI 的应用程序，不包含任何 UI 的应用程序。...默认值：http://localhost:38772 localeMappings：用于配置与现有本地化不兼容的第三方库的本地化。 uploadApiUrl:用于处理像后端统一上传的路径。...要使租赁名称子域正常工作，我们还应在 IIS 的应用程序旁边进行两种配置：我们应该配置 DNS 以将所有子域名重定向到静态公网 IP 地址。...在视图中，您可以使用 localize pipe。请参阅预构建的组件，例如用法。

3.6K4 0

使用 pytz 处理 Python 中的时区问题

第一种是使用pytz库提供的 localize() 方法。...这用于本地化一个没有时区信息的日期时间: >>> fmt = '%Y-%m-%d %H:%M:%S %Z%z' >>> loc_dt = beijing.localize(datetime(2018,...10, 27, 6, 0, 0)) >>> print(loc_dt.strftime(fmt)) '2018-10-27 06:00:00 CST+0800' 第二种方法是使用标准 astimezone...+0900' 处理时间的首选方法是始终以UTC工作，仅在生成输出以供人类读取时转换为本地时间: >>> utc_dt = datetime(2018, 10, 27, 6, 0, 0, tzinfo=utc...，例如计算北京和东京的时差： >>> timestamp = datetime.utcnow() >>> dt_cn = beijing.localize(timestamp) >>> dt_jp =tokyo.localize

2.7K2 0

VS Code 源码分析 - 多语言实现

其次代码中的 nls.localize(key, message) 变成了 nls_1.localize(index, args)，没有了 key 也没有 defaultMessage。...前文中所说的多语言精确对应到源码中调用 nls.localize 的具体顺序，这里看就很清楚了，这段编译后的代码中 localize 的参数 0、1、2、即表示调用的顺序，那么理论上在 localize...ModuleManager.defineModule(https://github.com/microsoft/vscode-loader/blob/master/src/core/moduleManager.ts#L502:10...的实现，这就是运行时真正的 localize 方法。...NO.4 最后 VS Code 的多语言实现涉及到了依赖分析， AST 操作，模块加载器等许多技术细节，针对这部分工作原理我阅读了两三遍源代码，而且由于其实现的特殊性，如果不完整编译(执行 VS Code

1.1K2 0

技术笔记：Indy控件发送邮件

工作中有个需求需要发送邮件，因为使用的delphi6，所以自然就选择了indy组件，想想这事挺简单的。实现的过程倒是简单，看着Indy的demo很快就完了，毕竟也不是很复杂的功能。...Content-Transfer-Encoding主要值： 7bit：用于不编码的数据。数据为 7 位 US-ASCII 字符，总行长不超过 1000 个字符。 base64：不用解释了。...7bit --=_NextPart_2rfkindysadvnqw3nerasdf Content-Type: application/octet-stream; name="Logs_2016-01-10...3D"Generator" CONTENT=3D"MS Exchange Server version 14.01.0421.= 002"> =C8=D5=D6=BE=A3=BA2016-01-10...------=_001_NextPart645231448141_=---- Content-Type: application/octet-stream; name="Logs_2016-01-10

1.5K5 0

Pandas 2.2 中文官方教程和指南（二十一·二）

(self, tz, ambiguous, nonexistent) 286 @doc(DatetimeArray.tz_localize) 287 def tz_localize( 288...(self, tz, ambiguous, nonexistent) 286 @doc(DatetimeArray.tz_localize) 287 def tz_localize( 288...date_range的默认频率是日历日，而bdate_range的默认频率是工作日： In [75]: start = datetime.datetime(2011, 1, 1) In [76]: end...-03', '2011-11-02', '2011-12-02'], dtype='datetime64[ns]', freq='CBMS') 另请参阅自定义工作日 ### 自定义频率范围 bdate_range...-03', '2011-11-02', '2011-12-02'], dtype='datetime64[ns]', freq='CBMS') 另请参阅自定义工作日时间戳限制时间戳表示的限制取决于所选择的分辨率

3310 0

3分钟实现iOS语言本地化国际化（图文详解）

配置需要国际化的语言，这也是国际化之前的准备工作，无论我们是国际化App名称、代码中的字符串、图片、还是storyboard和xib，都需要进行这一步的准备工作（一个项目中需要且仅需要配置一次）。...Localize按钮，如下图： ?...Snip20160617_10.png ?...Snip20160619_10.png ? Snip20160619_12.png ? Snip20160619_13.png ?...另一方面，我们又不希望自己的本地化文件受到对方的污染，也就是说，我们不希望对方操作我们的本地化文件。

15.7K3 1

【Ajv】JSON Schema Validator

additionalProperties: false, // 禁止多余属性 } 复制代码定义字符串类型： const schema = { type: 'string', minLength: 10..., // 最小长度需满足10 } 复制代码定义数字类型： const schema = { type: 'number' } 复制代码定义布尔类型： const schema = { type: '...valid) { console.log(validate.errors); } 复制代码 Format关键字：使用步骤说明：从ajv7开始由ajv-formats提供属性的format工作...("ajv"); const addFormats = require("ajv-formats"); const localize = require("ajv-i18n"); const ajv =...schema = { type: "object", properties: { username: { type: "string", minLength: 10

2K2 0

zipline量化平台----本地化（上）

plt.gcf().set_size_inches(18, 8) plt.show() # 本地化工作开始 def load_t(trading_day, trading_days, bm_symbol...而这两个正是我们本地化工作的核心。其中，env更加重要，因为这个参数决定了你的回测环境，也就是说你的市场环境，其中有一个calender的设置，特别重要。...%f')) # parse = lambda x: datetime.date(pytz.utc.localize(datetime.strptime(x, '%Y-%m-%d %H:%M:%S....regular_holidays(self): return HolidayCalendar([ CHINANewYearsDay ]) 如果，我们不设置...这个错误的原因应该如下：当我们不设置trading_calendar的时候，zipline默认使用纳斯达克的交易时间，2014-1-31在美国是正常的交易日，但是在中国一天是春节，所以我们的数据中没有这一天的数据

3.2K3 3

Write a Tiny Shell-based Test Framework

本文就围绕如何基于 Shell 编写一个简单的测试框架，完成上面的所有工作。...，继续编写一个函数 localize_config_port 用来完成端口号配置： utils.sh ##!...${PROJECT_PATH} || localize_config_err 压力测试完成服务器的本地部署后，压力测试就是在本地启动服务器，然后向其发送请求的过程。...个百分比，就会在终端中打印一个 * 字符，直到打完 10 个 *，即进度达到 100% 结束为止。...： value_avg：value平均值，那些value字段为空的日志不参与统计 succ_rate：成功率，请求成功数在请求总数中的占比 name_num：name总数（相同的name只计算一次）对日志的解析

4284 0

Angular 11正式发布：加入webpack 5，升级至TS 4.0，不再支持IE 9 和10

此版本中将不再支持 TypeScript 3.9，开发者需要升级至 TypeScript 4.0；在 Angular 10 中，已经弃用 IE 9、10 和 IE mobile 支持，此次 v11 版本中将完全删除...IE 9、10 和 IE mobile 支持。...社区的支持工作做计划。...将来，webpack v5 会带来：持久磁盘缓存，以加快构建速度 cjs 摇树，减小包体积这一支持是实验性的，并且正在开发中，因此我们不建议你将其用于生产用途。想试用 webpack5 吗？...Linting 在本版更新中，我们移除了对 IE9/IE10 和 IE mobile 的支持。

3.3K3 0

angular5面试题_大数据面试题

是不兼容的（当然也有2个版本的集成方案）。...Angular v8+面试系列 Angular 面试题汇总1-基本知识 Angular 面试题汇总2-Component/Service Angular 面试题汇总3-单元测试目录关于Angular...会做2件事，1）基于npm安装node_modules, 2）自动更改配置文件，保证新的依赖正常工作关于angular的依赖注入（dependency injection）依赖注入是Angular实现的一种应用程序设计模式...Angular双向绑定效率问题对于页面中需要绑定DOM元素极其多的情况（成百上千），必然会遇到效率问题。（具体还取决于PC、浏览器性能）。另外，脏检查超过10次（经验值？）...本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

4.3K2 0

Angular React Vue我应该选择什么？

不兼容的后续版本。...当 AngularJS（旧版本）最初于2010年10月发布时，仍然在修复 bug，等等 —— 新的 Angular（sans JS）于 2016 年 9 月推出版本 2。...不兼容的后续版本。...Eric Elliott 于 2016 年 10 月开始评估 Angular 2 和 React。只有 38% 的受访者会再次使用 Angular 2，而 84% 的人会再次使用 React。...我已经阅读过其他文章，JSX 更容易调试，因为 Vue 不会显示不规范 HTML 的语法错误。

2.8K2 0

Angular10配置webpack打包「详细教程」

虽然官方文档上只标注到了可用版本为9，但是Angular10也是可以使用的。 1....使用CLI创建一个新的Angular项目从零搭建Angular10项目先决条件在开始之前，请确保你的开发环境已经包含了 Node.js® 和 npm 包管理器。...Node.js Angular 需要 Node.js 的 8.x 或 10.x 版本。要想检查你的版本，请在终端/控制台窗口中运行 node -v 命令。 2....第二步：创建工作区和初始应用 Angular 工作区就是你开发应用的上下文环境。每个工作区包含一些供一个或多个项目使用的文件。每个项目都是一组由应用、库或端到端（e2e）测试构成的文件。...欲知详情，请参阅 Angular 工作空间配置部分。 package.json 配置工作空间中所有项目可用的 npm 包依赖。有关此文件的具体格式和内容，请参阅 npm 的文档。

4.8K2 0

Angular5.0.0新特性

构建优化器有两个主要工作。第一，我们可以将应用程序的一部分标记为纯应用(pure)，改进了现有工具提供的摇树优化，删除了应用中其它不需要的部分。...这些工作减少了生成的JavaScript bundles的大小，并增加了你的用户应用程序的启动速度。...增强的装饰符支持装饰符降低了在使用useValue、useFactory、data对lambda表达式的要求，开发者也可以使用一个lamdba表示来代替一个已定义的命名函数,也就意味着你可以不事先在...} ); 7.exportAs多命名支持　　5.0中提供了组件/指令的多命名支持，在对用户不修改代码情况下进行组件的迁移操作等非常有用，将一个组件导出多个名字，可以让组件已一个新名字来使用而达到不破坏现有代码的目的...同时也更新了.tsconfig将更严格的遵循TypeScript标准， 10.Angular Forms adds updateOn Blur / Submit 　　可以使用blur/submit来进行事件更新

1.7K1 0

干货 | 一文搞懂在AlmaLinux上安装Angular JavaScript框架

Angular是地球上最受欢迎的JavaScript框架之一。实际上，根据开放源代码索引，Angular在GitHub上排名第9。...因此，您应该考虑将Angular JavaScript框架添加为开发工具包的一部分。开发人员可以将工作隔离到工作站，也可以让他们登录到数据中心中的特定服务器（以保持集中状态）。...git -y 一旦安装了git，请通过以下命令选择要使用的Node.js的模块流（10或12）： sudo dnf module enable nodejs：X 其中X为10或12（默认值为10）。...图A Angular已安装并准备采取行动。如何运行Hello World！应用我们都喜欢一个好的Hello World！示范。让我们用Angular做到这一点。创建Hello World！...Angular已成功为该应用程序提供服务。恭喜，您现在已为开发人员准备了Angular。在流行的框架的帮助下，让他们登录到服务器并开始开发公司理想的Web或移动应用程序。

9972 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭