在Angular中，要禁用一个字段但保留其值，可以使用属性绑定并设置disabled属性为true。这样，字段将变为只读状态，但仍然可以显示其值。

以下是一个示例代码：

HTML模板：

Toggle Disabled

组件类：

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent {
  myValue: string = 'My Field Value';
  isDisabled: boolean = true;

  toggleDisabled() {
    this.isDisabled = !this.isDisabled;
  }
}

在上面的示例中，myValue是字段的值，isDisabled是一个布尔值，用于控制字段的禁用状态。初始情况下，字段是禁用的。当点击按钮时，toggleDisabled()方法会切换isDisabled的值，从而切换字段的禁用状态。

通过使用属性绑定和条件判断，可以在Angular中禁用一个字段但保留其值。