Как реализовать шаблон угловой формы для пользовательской библиотеки ui/css?

Question

Я хочу внедрить шаблон с угловым форматом для моего приложения. Я не хочу использовать шаблон bootstrap, потому что у меня есть пользовательская библиотека UI/css. Как реализовать пользовательский шаблон? Получаю ли я угловые формы-шаблоны-ванильные или угловые-формально-шаблоны-бутстрап и настраиваю их по моей потребности. В настоящее время я реализую шаблон, используя отдельные 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? Вы пытаетесь заново изобрести колесо, когда это не нужно делать.