发布于 1个月前

Angular Material:使用angular-material-prefix-updater修改选择器前缀md为mat

Angular Material 2.0.0-beta.12正式移除了所有选择器的前缀md,替换为前缀mat。

对于使用md的项目需要做迁移升级。使用angular-material-prefix-updater可以帮助修改前缀md为mat。

安装

npm i -g angular-material-prefix-updater

查看工具的帮助说明

mat-switcher --help

执行前缀更新

mat-switcher -p path/to/project/tsconfig.json

如果css里也使用md作为前缀,可以使用--extra-css选项

mat-switcher -p path/to/project/tsconfig.json --extra-css 'custom/**/*.css'

迁移升级完后,为了避免代码里误用了md前缀,在应用的根模块的providers添加@angular/material的MATERIAL_COMPATIBILITY_MODE
强制代码使用mat作为前缀。示例如下:

import {MATERIAL_COMPATIBILITY_MODE} from '@angular/material';
 
@NgModule({
  providers: [
    {provide: MATERIAL_COMPATIBILITY_MODE, useValue: true},
    // ...
  ],
})
export class MyModule { }
©2020 edoou.com   京ICP备16001874号-3