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