在Angular中使用Leaflet将大型数据矩阵作为网格显示的最佳方法是使用Leaflet的GridLayer插件。下面是一个基本示例：

1. 首先，确保在Angular项目中已经安装了Leaflet和@types/leaflet库。

2. 创建一个新的组件，例如GridComponent，并在HTML模板中添加一个div元素作为地图容器。

grid.component.html:

3. 在GridComponent的TypeScript文件中，导入必要的Leaflet库和GridLayer插件。

grid.component.ts:

import { Component, OnInit } from '@angular/core';
import * as L from 'leaflet';
import 'leaflet.gridlayer.googlemutant';

@Component({
  selector: 'app-grid',
  templateUrl: './grid.component.html',
  styleUrls: ['./grid.component.css']
})
export class GridComponent implements OnInit {

  constructor() { }

  ngOnInit() {
    // 创建地图容器
    const map = L.map('map').setView([51.505, -0.09], 13);

    // 创建GridLayer
    const gridLayer = L.gridLayer.googleMutant({
      type: 'satellite' // 使用Google卫星影像作为底图
    }).addTo(map);

    // 绑定GridLayer的事件
    gridLayer.on('loading', () => {
      // 在加载数据时显示加载动画
    });

    gridLayer.on('load', () => {
      // 数据加载完成后的处理逻辑
    });

    // 设置GridLayer的参数
    gridLayer.setParams({
      // 设置GridLayer的参数，例如数据矩阵的URL等
    });
  }
}

在上面的示例中，我们创建了一个地图容器并将其设置为Leaflet地图。然后，我们使用gridLayer.googleMutant()方法创建了一个GridLayer，该方法接受一个配置对象，这里我们使用Google卫星影像作为底图。我们还可以添加一些事件处理逻辑，例如在加载数据时显示加载动画，以及在数据加载完成后进行处理。最后，我们可以使用setParams()方法设置GridLayer的参数，例如数据矩阵的URL等。

请注意，上述示例仅是一个基本示例，您需要根据实际需求进行调整和扩展。另外，您还可以根据Leaflet的文档进一步了解GridLayer的其他功能和用法。

希望以上解决方法能够帮助到您！