在angular ui网格中添加动态列，但不显示列值

在Angular UI网格中添加动态列，但不显示列值，可以通过以下步骤实现：

首先，确保你已经安装了Angular UI网格库，可以使用npm或yarn进行安装。
在你的Angular组件中，引入所需的依赖：

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

在组件类中定义网格的配置项和数据：

@Component({
  selector: 'app-grid',
  templateUrl: './grid.component.html',
  styleUrls: ['./grid.component.css']
})
export class GridComponent {
  gridOptions: GridOptions;
  columnDefs: any[];
  rowData: any[];

  constructor() {
    this.gridOptions = <GridOptions>{};
    this.columnDefs = [
      // 初始列定义
      { headerName: '姓名', field: 'name' },
      { headerName: '年龄', field: 'age' }
    ];
    this.rowData = [
      // 初始数据
      { name: '张三', age: 25 },
      { name: '李四', age: 30 }
    ];
  }
}

在组件的HTML模板中，使用ag-grid组件来显示网格：

<ag-grid-angular
  style="width: 500px; height: 200px;"
  class="ag-theme-alpine"
  [gridOptions]="gridOptions"
  [columnDefs]="columnDefs"
  [rowData]="rowData">
</ag-grid-angular>

现在，你可以通过编程方式动态添加列，但不显示列值。例如，你可以在某个事件触发时添加新的列：

addColumn() {
  const newColumn = { headerName: '新列', field: 'newColumn' };
  this.columnDefs.push(newColumn);
  this.gridOptions.api.setColumnDefs(this.columnDefs);
}