Angular Formly表单用作编辑[输入字段]和只读[显示字段，如Extjs中]

Question

我希望实现一种功能，我将使用在编辑模式下使用Angular Formly创建的相同表单作为文本字段，在只读模式下使用仅显示数据而不是文本框的标签

Answer 1

我会像这样custom template（基于bootstrap templates）：

formlyConfig.setType({
  name: 'readonly',
  extends: 'input',
  wrapper: ['bootstrapLabel', 'bootstrapHasError'],
  template: '<span class="my-readonly-field" ng-model="model[options.key]">',
});

参见示例jsbin：http://jsbin.com/jevobil/1/edit?css,js,console,output