Как в angular 7 выводить объект объектов?

Question

[Адель Халитов]

Есть объект объектов.

var rielt: Object = { 
  buy: {
    name: 'Купить',
    type: {
      name: 'somename',
      thing: {
        room: 'Комната',
        home:'Квартира'
      }
    }
  }, 
  rent: {
    name: 'Арендовать',
    type: {
      name: 'somename',
      thing: {
        room: 'Дом',
        home:'Замлю'
      }
    }
  }
};

Мне нужно вывести в опции что-то такое:

<mat-option value="buy">Купить</mat-option>
<mat-option value="rent">Арендовать</mat-option>

Далее задать условия, что если выбрать опцию "Купить", то в соседнем селекте вывести опции

<mat-option value="room">Комната'</mat-option>
<mat-option value="home">Квартира</mat-option>

Есть идеи как это реализовать?

Answer 1

[0xD34F]

например

Comments

[Адель Халитов]

Спасибо, то что нужно, на англоязычных форумах, так это развернули, что аж тошнить хочется.

[Адель Халитов]

rielt: Object = { 
  buy: {
    name: 'Купить',
		thing: {
			room: {
				name: 'Room',
				options: {
					new: {
						name: 'NewHome'
					},
					secondhend: {
						name: 'SecondHend'
					}
				}
			},
			home: {
				name: 'Home'
			}
		}
  }, 
};

<mat-form-field>
    <mat-select [(ngModel)]="selected">
      <mat-option *ngFor="let n of rielt | keyvalue" [value]="n.key">
        {{ n.value.name }}
      </mat-option>
    </mat-select>
  </mat-form-field>

  <mat-form-field *ngIf="selected">
    <mat-select>
      <mat-option *ngFor="let n of rielt[selected].thing | keyvalue" [value]="n.key">
        {{ n.value.name }}
      </mat-option>
    </mat-select>
  </mat-form-field>

Я немного изменил, и добавил опции в объекты объектов, а как можно реализовать проверку?
Допустим у объекта с ключом room есть опции, а у объекта home его нет.
Мне нужно вывести поле по той же анологии, но выводить его только в том случае, если у этого ключа есть опции (Допустим их будем выводить как checkbox).