如何实现自定义ui/css库的角度模板？

Question

我想为我的应用程序实现角度形式的自定义模板。我不想使用bootstrap模板，因为我有一个自定义的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>

select.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

为什么不简单地给它一个className，然后重写CSS呢？你试图在不需要的时候重新发明轮子。