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

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

扩展结束模板的字段

1 个答案: