要创建一个自定义加载器作为指令，可以按照以下步骤进行操作：

1. 创建一个新的Angular指令：

import { Directive, ElementRef, Input, OnInit } from '@angular/core';
import { GridOptions } from 'ag-grid';

@Directive({
  selector: '[appCustomLoader]'
})
export class CustomLoaderDirective implements OnInit {
  @Input() gridOptions: GridOptions;

  constructor(private el: ElementRef) { }

  ngOnInit() {
    this.gridOptions.loadingOverlayComponent = 'customLoaderComponent';
    this.gridOptions.loadingOverlayComponentParams = {
      // 可以在这里设置自定义加载器的参数
    };
  }
}

2. 在Grid模板中使用指令：

3. 创建自定义加载器组件：

import { Component } from '@angular/core';
import { ILoadingOverlayAngularComp } from 'ag-grid-angular';

@Component({
  selector: 'app-custom-loader',
  template: `
    
  `,
})
export class CustomLoaderComponent implements ILoadingOverlayAngularComp {
  agInit(params: any): void {
    // 可以在这里获取加载器的参数
  }
}

4. 在模块中注册自定义加载器：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AgGridModule } from 'ag-grid-angular';
import { CustomLoaderComponent } from './custom-loader.component';

@NgModule({
  declarations: [CustomLoaderComponent],
  imports: [BrowserModule, AgGridModule.withComponents([CustomLoaderComponent])],
  bootstrap: [AppComponent]
})
export class AppModule { }

通过以上步骤，就可以创建一个自定义加载器作为指令，并在ag-Grid中使用它。请根据实际需求进行相应的调整和修改。