angular 2如何在模型中添加模型

export class Model {
  property1: string;
  property2: number;
  nestedModel: NestedModel;
}

export class NestedModel {
  nestedProperty: string;
}

import { Component } from '@angular/core';
import { Model, NestedModel } from './model';

@Component({
  selector: 'app-root',
  template: `
    <div>
      <h1>{{ model.property1 }}</h1>
      <p>{{ model.property2 }}</p>
      <p>{{ model.nestedModel.nestedProperty }}</p>
    </div>
  `,
})
export class AppComponent {
  model: Model;

  constructor() {
    this.model = new Model();
    this.model.property1 = 'Value 1';
    this.model.property2 = 42;

    this.model.nestedModel = new NestedModel();
    this.model.nestedModel.nestedProperty = 'Nested Value';
  }
}