Angular 11-但数据['id']在本节中用红色下划线。我该怎么做呢？

interface MyDataType {
  id: number;
  // 其他属性...
}

const myData: MyDataType = { id: 123, /* 其他属性... */ };
console.log(myData.id); // 这样就不会有红色下划线了

const myData = { id: 123 } as MyDataType;
console.log(myData.id);

interface MyDataType {
  id?: number;
  // 其他属性...
}

const myData: MyDataType = {}; // 假设这里没有 id 属性
console.log(myData.id ?? 'default value'); // 使用空值合并操作符来提供默认值

ng update @angular/core @angular/cli typescript

{
  "compilerOptions": {
    "strict": true,
    // 其他选项...
  }
}

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

@Injectable({
  providedIn: 'root'
})
export class MyService {
  getData() {
    return { id: 123, name: 'example' };
  }
}

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

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

  constructor(private myService: MyService) {}

  ngOnInit(): void {
    this.data = this.myService.getData();
    console.log(this.data.id); // 如果这里出现红色下划线，可以尝试上述方法解决
  }
}