如何解决''
这是我的ts
代码,我试图从数据库中读取用波斯语编写的股票名称,然后将其翻译为英文字母,然后显示给用户。
import{TranslocoService} from '@ngneat/transloco';
constructor(private translocoService : TranslocoService) {
) {
}
ngOnInit(){
this.strategyService.getCollectionNames().subscribe((CollectionNames) =>{
this.wholeStocks = CollectionNames;
this.stocks = this.translocoService.translate(this.wholeStocks);
console.log("this is whole stocksss",this.stocks);
});
这是我如何在弹出菜单中将其显示出来,用户可以找到并选择感兴趣的股票:
<div fxFlex="100" >
<mat-form-field appearance="fill" >
<mat-label>{{'selectStock' | transloco}}</mat-label>
<mat-select [(ngModel)]="selectedStock" name="package">
<input (keyup)="searchStock($event.target.value)" placeholder="{{'search' | transloco}}">
<mat-option *ngFor="let stock of stocks"
[value]="stock">{{stock | transloco}}</mat-option>
</mat-select>
</mat-form-field>
</div>
<div fxFlex>
这些是我看到的控制台错误:
this is whole stockssssss (235) ["ثنظام","قشهد","خدیزل","غگل","درازک","لخانه","صایپا112","وکادو","کحافظ","اخزا801","فارس","فاما","شستا004","اخزا810","اخزا722","ساینا","کی بی سی","کفپارس","فزرین","فن آوا","اخزا803","مارون","کقزوی","لازما","وبصادر","افاد61","وپخش","ستران","سکرد","کمنگنز","صمسکن912","سمازن","غپونه","مبین","ونفت","وایران","سصوفی","گکوثر","دسبحان","بپاس","زکوثر","وتوکا","صخود412","اتکای","آرمان","فجام","شمواد","وآفری","شستا994","تشتاد","توریل","حسیر","فایرا","ماهان99","کیش1402","دتولید","وهور","کچاد","وزمین","کرماشا","اخزا814","شستا993","دیران","وآرین","صایپا908","خکاوه","سبجنو","سفاسی","کتوکا","های وب","کازرو","شزنگ","شپارس","اخزا706","زشگزا","کرونا2","سشمال","اخزا821","تپولا","test_symbol","فسا","سبهان","شکلر","شصفها","نیرو","مرقام","دروز","قهکمت","اعتلا","اخزا623","سیستم","ورازی","سپ","غپاک","غشاذر","دشیمی","اجاد22","اخزا820","شبریز","شفن", …]
ngneat-transloco.js:371
Missing translation for 'ثنظام'
Missing translation for 'قشهد'
.
.
.
Missing translation for 'سفانو'
我还有一个fa.json
文件,如下所示,该文件可在程序的其他部分正常工作:
{
.
.
.
"ثنظام": "Thnzam","حپترو": "Hpetrw","فسدید": "Fsdad","کایتا": "Keaata","بپاس": "Bpeas","حریل": "Hral","ثمسکن": "Thmsken","وسنا": "Wsna"
.
.
.
}
还有transloco-root.module.ts
:
import { HttpClient } from '@angular/common/http';
import {
TRANSLOCO_LOADER,Translation,TranslocoLoader,TRANSLOCO_CONfig,translocoConfig,TranslocoModule
} from '@ngneat/transloco';
import { Injectable,NgModule } from '@angular/core';
import { environment } from '../environments/environment';
@Injectable({ providedIn: 'root' })
export class TranslocoHttpLoader implements TranslocoLoader {
constructor(private http: HttpClient) {}
getTranslation(lang: string) {
return this.http.get<Translation>(`/assets/i18n/${lang}.json`);
}
}
@NgModule({
exports: [ TranslocoModule ],providers: [
{
provide: TRANSLOCO_CONfig,useValue: translocoConfig({
availableLangs: ['en','fa'],defaultLang: 'en',// Remove this option if your application doesn't support changing language in runtime.
reRenderOnLangChange: true,prodMode: environment.production,})
},{ provide: TRANSLOCO_LOADER,useClass: TranslocoHttpLoader }
]
})
export class TranslocoRootModule {}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。