angular-formly - 終了テンプレートの拡張フィールド

Question

標準フィールドを angular-formly に拡張して、一部のフィールドのヘルプ アイコンやフィールドの後にカスタム テンプレートなどを表示する方法を探しています。

すべてのフィールド テンプレートを再定義することなく、各フィールドの直後にカスタム テンプレートを持つようにベース フィールドを拡張する方法はありますか?

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-templates

ブートストラップ テンプレート: https://github.com/formly-js/angular-formly-templates-bootstrap