Angular -无法读取null的属性'sort‘

export class MyComponent {
  myData: any = {}; // 初始化为空对象而不是null
}

<div>{{ myData?.sort }}</div>

<div *ngIf="myData">
  {{ myData.sort }}
</div>

export class MyComponent implements OnInit {
  myData: any;

  ngOnInit() {
    this.service.getData().subscribe(data => {
      this.myData = data;
    });
  }
}

import { Component, OnInit } from '@angular/core';
import { DataService } from './data.service';

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

  constructor(private dataService: DataService) {}

  ngOnInit() {
    this.dataService.getData().subscribe(data => {
      this.myData = data;
    });
  }
}

<div *ngIf="myData">
  Sort value: {{ myData.sort }}
</div>
<div *ngIf="!myData">
  Loading data...
</div>