我有一个管道解析消息密钥并相应地返回消息到区域设置.
但我想要有角度等待,直到我的服务将完成它的加载消息,并且只有在继续呈现主页面之后.我的本地化管道使用的地方.
如何让它工作?
服务:
@Injectable() export class I18nService implements OnInit { private cachedMessages: {string: string}; activeLocale:I18Enum = null; constructor(private http: Http) { this.reloadLocale(I18Enum.ru); } ngOnInit(): void { this.reloadLocale(I18Enum.ru); } getMessage(key: string) { if (this.cachedMessages) { return this.cachedMessages[key]; } } reloadLocale(locale: I18Enum) { this.activeLocale = locale; this.http.get(basePath + i18nPath + I18Enum[locale]).subscribe( res => { this.cachedMessages = res.json(); } ); } }
和管道:
@Pipe({name: 'i18nPipe'}) export class I18nPipe implements PipeTransform { constructor(private i18Service: I18nService) { } transform(value: any,args: any): any { return this.i18Service.getMessage(value); } }
解决方法
好.最后我做到了.我找到了这个答案,它帮助了我.
https://stackoverflow.com/a/40379803/5203127
https://stackoverflow.com/a/40379803/5203127
所以我的代码现在看起来如下:
服务:(添加了一个initMessages方法)
@Injectable() export class I18nService { private cachedMessages: {string: string} = null; activeLocale: I18Enum = null; constructor(private http: Http) { } getMessage(key: string) { if (this.cachedMessages) { return this.cachedMessages[key]; } } reloadLocale(locale: I18Enum) { this.activeLocale = locale; this.http.get(basePath + i18nPath + I18Enum[locale]).subscribe( res => { this.cachedMessages = res.json(); } ); } initMessages(locale: I18Enum) { this.activeLocale = locale; return new Promise((resolve,reject) => { this.http.get(basePath + i18nPath + I18Enum[locale]).map(res => res.json()).catch((error: any): any => { reject(false); return Observable.throw(error.json().error || 'Server error'); }).subscribe((callResult: {string: string}) => { this.cachedMessages = callResult; resolve(true); }); }); } }
我的bootstrap :(添加了APP_INITIALIZER提供者)
@NgModule({ imports: [...,HttpModule,...],declarations: [...,I18nPipe ],bootstrap: [AppComponent],providers: [...,I18nService,{ provide: APP_INITIALIZER,// useFactory: (i18NService: I18nService) => () => i18NService.initMessages(I18Enum.ru),// or useFactory: initApp,deps: [I18nService],multi: true } ] }) export class TopJavaModule { } export function initApp(i18nService: I18nService){ // Do initing of services that is required before app loads // NOTE: this factory needs to return a function (that then returns a promise) return () => i18nService.initMessages(I18Enum.ru); // + any other services... }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。