Angular formly 扩展结束模板的字段

Angular formly 扩展结束模板的字段,angular-formly,Angular Formly,我正在寻找一种方法来扩展angular formly中的标准字段,使其具有一些字段的帮助图标或字段后的自定义模板 是否有一种方法可以将其扩展到基本字段,以便在每个字段之后都有一个自定义模板,而不必重新定义每个字段模板?是!您可以使用助手标记创建一个包装器模板,并将其应用于其他类型。例如: angular.module('app') .config(function config(formlyConfigProvider) { formlyConfigProvider.setWrapper(

我正在寻找一种方法来扩展angular formly中的标准字段,使其具有一些字段的帮助图标或字段后的自定义模板


是否有一种方法可以将其扩展到基本字段,以便在每个字段之后都有一个自定义模板,而不必重新定义每个字段模板?

是!您可以使用助手标记创建一个包装器模板,并将其应用于其他类型。例如:

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']
  });

});
angular.module('app')
.config(函数配置(formlyConfigProvider){
formlyConfigProvider.setWrapper({
姓名:'助手',
templateUrl:“”
});
formlyConfigProvider.setType({
名称:'输入',
模板:“”,
包装器:['helper','bootstrapLabel','BootstrapAsError']
});
});
更多信息:


引导模板:

是!您可以使用助手标记创建一个包装器模板,并将其应用于其他类型。例如:

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']
  });

});
angular.module('app')
.config(函数配置(formlyConfigProvider){
formlyConfigProvider.setWrapper({
姓名:'助手',
templateUrl:“”
});
formlyConfigProvider.setType({
名称:'输入',
模板:“”,
包装器:['helper','bootstrapLabel','BootstrapAsError']
});
});
更多信息:

引导模板: