要将Angular Mat-Slider自定义化，可以按照以下步骤进行：

1. 创建一个新的Angular项目：

   ng new custom-slider
   cd custom-slider
   

2. 安装Angular Material和Angular CDK：

   ng add @angular/material
   

3. 在app.module.ts中导入和配置所需的Angular Material模块：

   import { NgModule } from '@angular/core';
   import { MatSliderModule } from '@angular/material/slider';
   
   @NgModule({
     declarations: [],
     imports: [
       MatSliderModule
     ],
     providers: [],
     bootstrap: []
   })
   export class AppModule { }
   

4. 在app.component.html中添加一个Mat-Slider：

5. 在app.component.ts中自定义Mat-Slider的样式和功能：

   import { Component } from '@angular/core';
   
   @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
     styleUrls: ['./app.component.scss']
   })
   export class AppComponent {
     value: number = 50;
     minValue: number = 0;
     maxValue: number = 100;
     
     onChange(event: any) {
       console.log(event.value);
     }
   }
   

6. 在app.component.scss中自定义Mat-Slider的样式：

   ::ng-deep .mat-slider-thumb {
     background-color: red;
   }
   
   ::ng-deep .mat-slider-track-fill {
     background-color: green;
   }
   

7. 在app.component.html中绑定Mat-Slider的属性和事件：

现在你可以运行这个Angular项目，并且看到自定义化的Mat-Slider了。你可以根据需要修改样式和功能。