扩展结束模板的字段

Question

我正在寻找一种方法来扩展 angular-formly 中的标准字段，以便为某些字段提供帮助图标，或在字段后自定义模板。

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

Answer 1

是的！您可以使用辅助标记创建 wrapper 模板并将其应用于其他类型。示例：

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

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

扩展结束模板的字段

Extending Field for End Template

angular-formly