Question

我想更改下拉选项的语言

<select class="form-control" [(ngModel)]="selectedWorkout" (ngModelChange)="updateWorkout($event)">
        <option *ngFor="#workout of workouts">{{workout.name}}</option>
    </select>

鉴于我的JSON数据为：

"ConsumptionByLoadType": {
      "ConsumptionByLoadType": "按负载类型分类的电能消耗",
      "hvac": "HVAC",
      "htg": "采暖",
      "light": "照明",
      "plgld": "插座",
      "it": "IT",
      "hotwtr": "热水",
      "undfnd": "未定义",
      "oth": "其他",
      "pmpnaux": "泵和辅助设备"
}

Answer 1

只需为打字稿文件中的语言转换功能，例如：-

    changelanguage(value){
    //your code to change language
    return changedLanguage;
    }

并通过{{changelanguage（workout.name）}}而不是{{workout.name}}。

Answer 2

就像@tabishahmed所说的那样，只需创建一个更改语言的函数即可：

<select class="form-control" [(ngModel)]="selectedWorkout" (ngModelChange)="updateWorkout($event)">
        <option *ngFor="#workout of workouts">{{changelanguage(workout.name)}}</option>
    </select>

由于JSON是转换后的键名，因此您可以这样做：

 changelanguage(value){    
    return ConsumptionByLoadType[value];
    }

Angular 2下拉选项翻译

2 个答案: