我们使用的是TranslateHttpLoader，它会在需要翻译时发出HTTP请求-translate.use('en')。如果在HTTP调用返回之前调用instant(messageKey)方法，ngx-translate将返回密钥，因为它还没有翻译。因此，您应该使用get(messageKey)方法来获得翻译-它是异步的，并返回Observable：

this.translateService.get('hello.world').subscribe((translated: string) => {
    console.log(res);
    //=> 'Hello world'

    // You can call instant() here
    const translation = this.translateService.instant('something.else');
    //=> 'Something else'
});

只有当您确定已经加载了翻译时，才可以使用instant方法（如代码示例中所示），或者您可以编写自定义同步翻译加载器并在任何位置使用instant。

只有在加载翻译文件时才能使用TranslateService。如果要安全地使用TranslateService. instant，可以编写Angular 解析器。解析器将等待执行组件代码，直到可观察对象返回值。
这是密码：

• ---------------------解析器------------------

@Injectable()
export class TranslationLoaderResolver {

    constructor(private translate: TranslateService, private languageService: SetLanguageService){
    }

    resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<any>{
        let lang = this.languageService.getSessionCurrentLanguage()
        let reloadTranslation: boolean = false

        if(lang===null || lang===undefined || lang==='null'){
            this.languageService.inizializeLanguage()
            lang = this.languageService.getSessionCurrentLanguage()

            reloadTranslation = true
        }

        if(this.translate.instant("last.dummy")==='last.dummy'){
            reloadTranslation = true
        }
                   
        if(reloadTranslation==true){

            return new Observable((observer: Observer<any>) => {

                this.translate.getTranslation(lang).subscribe({
                    next: (elem) => {
                        //console.log(elem)
                    },
                    complete: () => {
                        observer.next(true);
                        observer.complete();
                    },
                    error: (e) => {
                        console.error(e)
                        observer.next(true);
                        observer.complete();
                    }
                })
              });

        }

        return of(true)
    }
    
}

• -----------------路由模块-------

let routing = RouterModule.forChild([
    {path: "dashboard", component: DashboardComponent, resolve: {model: TranslationLoaderResolver},
     children: [
        ........//here you can omit Resolver
        },
}

• ----国际化文件-----

In last line of each i18n translation file add the following line 
as is (do not translate this) ----> "last.dummy"="dummy translation"

SetLanguageService是一个服务，您可以创建它来存储所使用的语言，例如在会话存储中（例如lang是'it'，' en'）。
这是一个SetLanguageService的例子（我的应用程序只有意大利语，en lang是注解）

const LANG_SESS_STRING_MAP: string = "language_choosen";

@Injectable()
export class SetLanguageService {

    constructor(private translate: TranslateService){
    }

    inizializeLanguage(): void{
        if( this.getSessionCurrentLanguage()==null || this.getSessionCurrentLanguage()=="null" ){
            this.setBrowserLanguage();
        }else{
            this.changeLang(this.getSessionCurrentLanguage())
        }
    }

    private setBrowserLanguage(): void{
        this.translate.addLangs(['it'/*, 'en'*/]);
        let defaultLang = this.getLanguage(this.translate.getBrowserLang());
        this.translate.setDefaultLang( defaultLang );
        this.translate.use( defaultLang );
        this.saveSessionCurrentLanguage(defaultLang);
    }

    saveSessionCurrentLanguage(lang: string): void{
        localStorage.setItem(LANG_SESS_STRING_MAP, lang);
    }

    getSessionCurrentLanguage(): string{
        return localStorage.getItem(LANG_SESS_STRING_MAP);
    }
    
    private getLanguage(lang: string): string {
        if(lang == null || lang === undefined){
        return 'it';
        }
        switch(lang){
            case 'it': {
                return 'it';
            }
            /*case 'en' :{
                return 'en';
            }*/
            default : {
                return 'it';
            }
        }
    }

    changeLang(lang: string) {
        this.translate.langs=[];
        this.translate.addLangs(['it'/*, 'en'*/]);
        let toSet = this.getLanguage(lang);
        this.saveSessionCurrentLanguage(toSet);
        this.translate.use(toSet);
    }
    
}

希望这能帮上忙

您也可以进行虚拟调用，并等待响应。响应后，每个即时调用都将工作，因为它肯定比翻译加载。

async ngOnInit() {
  await this.translate.get('dummyTranslation').toPromise().then();
  this.translate.instant("realTranslation");

只需将您的$translate.instant与onReady封装在一起，如下所示：
$translate.onReady（函数（）{ //此处为代码}）

只是提醒一下：记得清除本地存储是我的错。