TypeError在Angular中使用getter和setter

// 定义一个简单的组件
@Component({
  selector: 'app-example',
  template: `
    <p>{{ message }}</p>
  `
})
export class ExampleComponent {
  private _message: string;

  get message(): string {
    return this._message;
  }

  set message(value: string) {
    this._message = value;
  }
}

// 在另一个组件中使用ExampleComponent
@Component({
  selector: 'app-parent',
  template: `
    <app-example [message]="parentMessage"></app-example>
  `
})
export class ParentComponent {
  parentMessage: string = 'Hello';

  constructor() {
    // 尝试给只读属性赋值，会触发TypeError
    this.parentMessage.message = 'World';
  }
}

export class ParentComponent {
  parentMessage: string = 'Hello';

  constructor() {
    // 给有setter的属性赋值，不会触发TypeError
    this.parentMessage = 'World';
  }
}