如何让 WebStorm 识别 Angular Material 语法？

Question

我在 Angular 9 中使用 @angular/material。WebStorm 无法识别 @angular/material 语法：

它也无法识别正确的类型：

没有自定义的恶作剧。一切都直接来自他们在 CLI 生成的全新 Angular 项目中的教程。

表声明：

<table mat-table [dataSource]="dataSource" matSort class="mat-elevation-z8">

我的 TS 文件：

export interface Property {
  street: string;
  zip: string;
  city: string;
  lat: number;
  lng: number;
  rooms: number;
  area: number;
  monthlyFee: number;
  builtYear: number;
  soldDate: string;
}

const ELEMENT_DATA: Property[] = [
  {
    street: 'Vasagatan 1',
    zip: '11345',
    city: 'Stockholm',
    lat: 89.123912,
    lng: 89.123912,
    rooms: 3,
    area: 87,
    monthlyFee: 2450,
    builtYear: 1989,
    soldDate: '2020-04-30',
  },
];

@Component({
  selector: 'app-dataset-list',
  templateUrl: './dataset-list.component.html',
  styleUrls: ['./dataset-list.component.scss']
})
export class DatasetListComponent implements OnInit {

  displayedColumns: string[] = ['street', 'zip', 'city', 'lat', 'lng', 'rooms', 'area', 'monthlyFee', 'builtYear', 'soldDate'];
  dataSource = new MatTableDataSource(ELEMENT_DATA);

  @ViewChild(MatSort, {static: true}) sort: MatSort;

  ngOnInit() {
    this.dataSource.sort = this.sort;
  }
}

Answer 1

第一个问题一定是由于在使用 Ivy 构建项目时识别添加到材质类的元数据出现问题，WEB-45270。这个问题在即将发布的 WebStorm 2010.1.2 中得到解决。

第二个look与WEB-43716相关