要移除Angular Formly表单中数组类型的添加/删除按钮,可以通过自定义模板来实现。以下是一个示例解决方案:
首先,创建一个自定义模板来渲染数组类型的表单字段。在这个模板中,你可以自定义字段的HTML和样式,从而实现对添加/删除按钮的控制。例如,你可以只渲染一个输入框,而不显示添加/删除按钮。
然后,使用自定义模板来渲染数组类型的表单字段。你可以通过type
属性将自定义模板应用到数组字段。
{
key: 'myArray',
type: 'customArray',
templateOptions: {
label: 'My Array'
},
fieldArray: {
type: 'input'
},
template: ''
}
最后,将自定义模板注册到Formly模块中,以便在表单中使用。
angular.module('app', ['formly'])
.run(function(formlyConfig) {
formlyConfig.setType({
name: 'customArray',
templateUrl: 'customArrayField.html'
});
});
通过以上步骤,你可以自定义渲染数组类型表单字段,从而移除添加/删除按钮。