Angular 无法在ASP样板文件(ASPNetZero)中添加语言
我试图在ASPNetZero框架中添加马来语语言,但据说找不到模块Angular 无法在ASP样板文件(ASPNetZero)中添加语言,angular,.net-core,aspnetboilerplate,boilerplate,Angular,.net Core,Aspnetboilerplate,Boilerplate,我试图在ASPNetZero框架中添加马来语语言,但据说找不到模块/ms.js。 以下是我迄今为止遵循的步骤: 1.添加了马来语的XML文件 2.在DefaultLanguageCreator类中添加了新语言 3.从菜单栏中选择我的语言 有关详细错误信息,请参见以下内容: core.js:14597 ERROR Error: Uncaught (in promise): Error: Cannot find module './ms.js' Error: Cannot find module '
/ms.js。
以下是我迄今为止遵循的步骤:1.添加了马来语的XML文件
2.在DefaultLanguageCreator类中添加了新语言
3.从菜单栏中选择我的语言 有关详细错误信息,请参见以下内容:
core.js:14597 ERROR Error: Uncaught (in promise): Error: Cannot find module './ms.js'
Error: Cannot find module './ms.js'
at .*\.js$ namespace object:179
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:388)
at Object.onInvoke (core.js:16156)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:387)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (zone.js:138)
at zone.js:872
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
at Object.onInvokeTask (core.js:16147)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188)
at resolvePromise (zone.js:814)
at resolvePromise (zone.js:771)
at zone.js:873
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
at Object.onInvokeTask (core.js:16147)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188)
at drainMicroTaskQueue (zone.js:595)
defaultErrorLogger @ core.js:14597
push../node_modules/@angular/core/fesm5/core.js.ErrorHandler.handleError @ core.js:14645
next @ core.js:16628
schedulerFn @ core.js:12609
push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub @ Subscriber.js:196
push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.next @ Subscriber.js:134
push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._next @ Subscriber.js:77
push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.next @ Subscriber.js:54
push../node_modules/rxjs/_esm5/internal/Subject.js.Subject.next @ Subject.js:47
push../node_modules/@angular/core/fesm5/core.js.EventEmitter.emit @ core.js:12593
(anonymous) @ core.js:16178
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:388
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:138
push../node_modules/@angular/core/fesm5/core.js.NgZone.runOutsideAngular @ core.js:16115
onHandleError @ core.js:16178
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.handleError @ zone.js:392
push../node_modules/zone.js/dist/zone.js.Zone.runGuarded @ zone.js:154
_loop_1 @ zone.js:677
api.microtaskDrainDone @ zone.js:686
drainMicroTaskQueue @ zone.js:602
Promise.then (async)
scheduleMicroTask @ zone.js:578
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:410
onScheduleTask @ zone.js:297
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:401
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:232
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:252
scheduleResolveOrReject @ zone.js:862
resolvePromise @ zone.js:808
(anonymous) @ zone.js:724
webpackJsonpCallback @ bootstrap:25
(anonymous) @ 892.js:1
在ASPNETZero中,日期选择器位于ngx引导程序中,因此在这个库中,它们使用矩.js, 您的三个步骤是正确的,但您错过了以下解释的一些步骤:
"localeMappings": {
"angular": [
{
"from": "ms",
"to": "en"
}
],
"moment": [
{
"from": "ms",
"to": "en"
},
...
],...
- 然后转到以下位置:(…\angular\src\assets\ngx bootstrap\ngx bootstrap locale mapping.service.ts),按如下方式映射您的区域性:
const cultureMap={
‘zh Hans’:‘zh cn’,
“es MX”:“es”,
‘vi’:‘en gb’,
“ms”:“ms”
//在这里添加更多
};
设置模块映射:
您可以映射您的文化,如'ms':'en',如果您这样做,您将获得格鲁吉亚类型的SPA日期选择器,但如果您想更改日期选择器的时间,您必须添加您的i18n覆盖,为此:
将此文件夹js文件添加到(…\angular\src\assets\ngx bootstrap\custom-i18n\ms.js)
你可以在网上找到你的moment.js文化,或者简单地编辑其他语言,以获得合适的时刻
最后,转到此文件:
(…\angular\src\assets\ngx bootstrap\ngx bootstrap datepicker config.service.ts)
并按如下方式更改此功能:
静态寄存器gxbootstrapdatePickerLocales():Promise{
如果(abp.localization.currentLanguage.name==='en'){
返回承诺。解决(真实);
}
让supportedLocale=new NgxBootstrapLocaleMappingService().map(abp.localization.currentLanguage.name).toLowerCase();
让moduleLocaleName=new NgxBootstrapLocaleMappingService().getModuleName(abp.localization.currentLanguage.name);
if(abp.localization.currentLanguage.name==='ms'){
返回新承诺((解决、拒绝)=>{
导入(`assets/ngx bootstrap/custom-i18n/ms.js`)
。然后(模块=>{
defineLocale(abp.localization.currentLanguage.name.toLowerCase(),模块[`msLocale`]);
决心(正确);
},拒绝);
});
}
返回新承诺((解决、拒绝)=>{
导入(`ngx bootstrap/chronos/esm5/i18n/${supportedLocale}.js`)
。然后(模块=>{
defineLocale(abp.localization.currentLanguage.name.toLowerCase(),模块[`${moduleLocaleName}Locale`]);
决心(正确);
},拒绝);
});
}
如您所见,在Promise ms.js文件导入函数中,我们将您的ms.js模块名称称为msLocale,这是在您的ms.js文件中声明的导出变量
如果在此链接中找不到您的即时文化js文件:
只需写下你自己,这是一个官方教程:
getModuleName(locale: string): string {
const moduleNameMap = {
'zh-Hans': 'zhCn',
'es-MX': 'es',
'pt-BR': 'ptBr',
'vi': 'enGb',
'ms': 'ms'
// Add more here
};