Formly控制器设置属性后字段未更新，动态加载选项后无法启用控件求助

我之前也碰到过类似的情况，大概率是因为Formly的字段状态没有被正确同步，直接改DOM或者没触发变更检测都会导致禁用状态取消失败。给你几个具体的排查和解决思路：

1. 确保通过Formly字段配置更新禁用状态，而非直接操作DOM #

Formly会根据字段的配置来同步表单控件的状态，如果你直接通过DOM操作（比如document.querySelector('select').disabled = false）修改禁用状态，很容易被Formly的内部状态覆盖。正确的做法是修改字段配置里的props.disabled属性：

// 假设你的Formly字段数组是fields
const targetField = this.fields.find(field => field.key === '你的select字段key');
if (targetField) {
  // 加载完options后更新配置
  targetField.props.options = 你的加载结果;
  targetField.props.disabled = false;
}

2. 触发变更检测（针对Angular环境） #

如果是在Angular项目中，异步加载完成后的更新可能没触发变更检测，导致Formly没感知到配置变化。这时候可以注入ChangeDetectorRef手动触发：

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

constructor(private cdr: ChangeDetectorRef) {}

// 加载options的异步回调里
fetchYourOptions().then(options => {
  const targetField = this.fields.find(field => field.key === '你的select字段key');
  if (targetField) {
    targetField.props.options = options;
    targetField.props.disabled = false;
    // 手动触发变更检测
    this.cdr.detectChanges();
  }
});

3. 检查是否用了expressionProperties控制禁用状态 #

如果你之前是通过expressionProperties来设置禁用状态的（比如绑定了某个变量），直接修改props.disabled会被表达式覆盖。这时候要更新表达式依赖的变量：

// 字段配置示例
{
  key: 'mySelect',
  type: 'select',
  props: {
    label: '选择项',
    options: []
  },
  expressionProperties: {
    'props.disabled': '!optionsLoaded' // 依赖optionsLoaded变量
  }
}

// 加载完成后更新变量
fetchYourOptions().then(options => {
  this.fields.find(field => field.key === 'mySelect').props.options = options;
  this.optionsLoaded = true; // 这里更新变量，而非直接改props.disabled
});

4. 确认异步操作在Angular Zone内执行 #

如果你的options加载用了原生的异步API（比如非Angular的fetch），可能会跑出Angular的Zone，导致变更检测不触发。这时候可以用NgZone把更新逻辑包起来：

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

constructor(private ngZone: NgZone) {}

fetchYourOptions().then(options => {
  this.ngZone.run(() => {
    const targetField = this.fields.find(field => field.key === 'mySelect');
    targetField.props.options = options;
    targetField.props.disabled = false;
  });
});

5. 检查Formly版本 #

如果以上方法都没用，可以看看是不是Formly版本的bug，尝试升级到最新的稳定版本，很多状态同步的问题在新版本里都有修复。

内容的提问来源于stack exchange，提问作者David WENG