Jak zaimplementować szablon w formie kątowej dla niestandardowej biblioteki UI / Css? - angularjs, kątowe

Chcę wprowadzić niestandardowe niestandardowe formacje kątoweszablon dla mojej aplikacji. Nie chcę używać szablonu bootstrap, ponieważ mam niestandardową bibliotekę UI / css. Jak zaimplementować szablon niestandardowy? Czy otrzymam szablonowo-kątowo-szablony-waniliowe lub kątowe-szablony-szablony-bootstrap i dostosuję je do moich potrzeb Obecnie implementuję szablon używając osobnych plików html, jak poniżej, ale chcę ponownie użyć szablonu, więc czy to jest najlepsze rozwiązanie?

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

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

Odpowiedzi:

Dlaczego po prostu nie nadajesz mu nazwy klasy, a następnie po prostu zastępujesz CSS? Próbujesz ponownie wymyślić koło, kiedy nie musi być zrobione.