如何使用Angular将一个对象嵌套在另一个对象中

// 内层对象的类或接口
export class InnerObject {
  // 内层对象的属性
  property1: string;
  property2: number;
}

// 外层对象的类或接口
export class OuterObject {
  // 外层对象的属性，类型为内层对象的类或接口
  innerObject: InnerObject;
}

import { Component } from '@angular/core';
import { OuterObject, InnerObject } from './objects';

@Component({
  selector: 'app-root',
  template: `
    <div>
      Outer Object:
      <div>Property 1: {{ outerObject.innerObject.property1 }}</div>
      <div>Property 2: {{ outerObject.innerObject.property2 }}</div>
    </div>
  `,
})
export class AppComponent {
  outerObject: OuterObject;

  constructor() {
    // 创建内层对象实例并赋值
    const innerObject: InnerObject = {
      property1: 'Value 1',
      property2: 123,
    };

    // 创建外层对象实例并赋值
    this.outerObject = {
      innerObject: innerObject,
    };
  }
}

<div>
  Outer Object:
  <div>Property 1: {{ outerObject.innerObject.property1 }}</div>
  <div>Property 2: {{ outerObject.innerObject.property2 }}</div>
</div>