angular-formly - 结束模板的扩展字段

Question

我正在寻找一种以角度形式扩展标准字段的方法，以使某些字段具有帮助图标或字段后的自定义模板之类的东西。

有没有办法将基本字段扩展为在每个字段之后都有一个自定义模板，而不必重新定义每个字段模板？

Answer 1

是的！您可以使用帮助标记创建包装模板并将其应用于其他类型。例子：

angular.module('app')
.config(function config(formlyConfigProvider) {

  formlyConfigProvider.setWrapper({
    name: 'helper',
    templateUrl: '<button class="btn btn-primary" type="button"> <em class="glyphicon glyphicon-question-sign"></em> </button>'
  });

  formlyConfigProvider.setType({
    name: 'input',
    template: '<input class="form-control" ng-model="model[options.key]">',
    wrapper: ['helper', 'bootstrapLabel', 'bootstrapHasError']
  });

});

更多信息：http ://docs.angular-formly.com/docs/custom-templates#creating-a-custom-template

引导模板：https ://github.com/formly-js/angular-formly-templates-bootstrap