如何让WebStorm识别Angular Material语法？

Question

我正在使用 @angularmaterial 与Angular 9.WebStorm不承认@angularmaterial的语法。WebStorm 不能识别 @angularmaterial 语法。

它也不能识别正确的类型:

没有自定义的诡计. 所有的东西都是直接从他们的教程中用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中已经解决了。

第二个问题看起来与 WEB-43716