Как можно отобразить данные из сервиса локального объекта JSON

Question

У меня есть локальный массив объекта, как показано ниже:

maritalStatusOptions = [ 
     {"option": "Marital Status" }, 
     {"option": "Divorced" }, 
     {"option": "Married/Domestic Partner" }, 
     {"option": "Seperated" }, 
     {"option": "MI" }, 
     {"option": "Single" }, 
     {"option": "Widowed" } 
    ]; 

Я получаю семейное положение пользователя от моего ответа службы как «M», что означает, что он Женат.

Как я могу сопоставить это «М» с «Женатый/Отечественный партнер» в моем локальном массиве объектов?

Мой HTML выглядит следующим образом:

<select class="marital-status" [(ngModel)]="selectedStatus" (ngModelChange)="CheckStatus($event)"> 
    <option *ngFor="let status of maritalStatusOptions">{{status.option}}</option> 
</select> 

Answer 1

Это не совсем ясно из вашего вопроса, что вы пытаетесь достичь.

Попытка: Вы можете создать объект, который позволяет от одного значения к другому

maritalStatusMap = { 
     A: "Marital Status", 
     B: "Divorced", 
     M: "Married/Domestic Partner", 
     C: "Seperated", 
     D: "MI", 
     D: "Single", 
     E: "Widowed" 
    }; 

А затем получить значение (я предполагаю, что status.option является 'M'), передавая status.option к martialStatusMap[...], что в этом дело вернется "Married/Domestic Partner"

<select class="marital-status" [(ngModel)]="selectedStatus" (ngModelChange)="CheckStatus($event)"> 
    <option *ngFor="let status of maritalStatusOptions">{{maritalStatusMap[status.option]}}</option> 
</select>