javascript - Angular-Formly:隐藏/禁用服务中的字段

Question

我有一个服务，我试图在其中禁用一个 Angular 形式的字段:

formField.templateOptions.disabled = true;

即使 templateOption 对象是正确的，该字段也没有被禁用:

"templateOptions": {
    "type": "text",
    "placeholder": "",
    "label": "Single Line Test",
    "disabled": true
  },

这不可能吗？

谢谢。

编辑:禁用服务前的表单代码

{
  "type": "input",
  "key": "single_line_test",
  "templateOptions": {
    "type": "text",
    "placeholder": "",
    "label": "Single Line Test"
  },
  "data": {},
  "validation": {
    "messages": {},
    "errorExistsAndShouldBeVisible": false
  },
  "id": "formly_2_input_single_line_test_3",
  "name": "formly_2_input_single_line_test_3",
  "formControl": {
    "$validators": {},
    "$asyncValidators": {},
    "$parsers": [],
    "$formatters": [
      null
    ],
    "$viewChangeListeners": [],
    "$untouched": true,
    "$touched": false,
    "$pristine": true,
    "$dirty": false,
    "$valid": true,
    "$invalid": false,
    "$error": {},
    "$name": "formly_2_input_single_line_test_3",
    "$options": null
  }
},

Answer 1

如果您希望属性是动态的，则必须使用 expressionProperties。从技术上讲，您不必通过表达式属性看到它，但它需要出现在表达式属性中，因为 formly 有一个优化，基本上说如果它不在那里，那么它不会监视变化。这是性能优化。

您可以看到动态禁用在此示例中起作用:http://angular-formly.com/#/example/intro/codementor