// 错误示例
console.log(myObject.PropetyName);

// 正确示例
console.log(myObject.propertyName);

interface MyInterface {
  propertyName: string;
}

const myObject: MyInterface = {
  propertyName: 'value'
};

let myObject: MyInterface;

// 在某个时刻初始化对象
myObject = {
  propertyName: 'value'
};

console.log(myObject.propertyName);

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  myObject: MyInterface = {
    propertyName: 'value'
  };

  someMethod() {
    console.log(this.myObject.propertyName); // 确保this指向正确
  }
}

// my-service.service.ts
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class MyService {
  getObject(): any {
    return {
      propertyName: 'value'
    };
  }
}

// my-component.component.ts
import { Component } from '@angular/core';
import { MyService } from './my-service.service';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  myObject: any;

  constructor(private myService: MyService) {
    this.myObject = this.myService.getObject();
  }

  ngOnInit() {
    console.log(this.myObject.propertyName); // 确保属性存在
  }
}