如何为自定义 ui/css 库实现 angular-formly 模板？

Question

我想为我的应用程序实现 angular-formly 自定义模板。我不想使用引导模板，因为我有一个自定义 UI/css 库。如何实现自定义模板？我是否得到 angular-formly-templates-vanilla 或 angular-formly-templates-bootstrap 并根据我的需要对其进行自定义。目前我正在使用单独的 html 文件实现模板，如下所示，但我想重用模板，这是最好的解决方案吗？

  angular
        .module('myApp').run(function(formlyConfig) {
      formlyConfig.setType([{
        name: 'input',
        templateUrl: 'input.html',
        overwriteOk: true
      },
      {
        name: 'select',
        templateUrl: 'select.html',
        overwriteOk: true
      }]);
    });

HTML 文档

input.html

<div class="custom-group">
   <label class="form-label" for="{{options.key}}">
   {{to.label}}
   </label>
   <input id="{{options.key}}" ng-model="model[options.key]" type="text">
</div>

选择.html

<div class="custom-group">
   <label class="form-label" for="{{options.key}}">{{to.label}}</label>
   <span class="form-select-span">
   <select class="form-control" id="{{options.key}}" ng-model="model[options.key]"
      ng-options="option.value as option.name group by option.group for option in options.templateOptions.options">
   </select>
   </span>
</div>

Answer 1

为什么不简单地给它一个类名，然后覆盖 CSS？ 当你不需要做的时候，你正试图重新发明轮子。