Uygulamam için açısal biçim özel bir şablon uygulamak istiyorum. Özel bir UI/css kitaplığım olduğu için önyükleme şablonunu kullanmak istemiyorum. Özel şablonu nasıl uygularım? Ben köşeli-kalıp-şablon-vanilya veya açısal-formel-şablonları-bootstrap alıp benim ihtiyacım için özelleştirin. Şu anda, aşağıdaki gibi ayrı html dosyaları kullanarak şablon uyguluyor ancak şablonu yeniden kullanmak istiyorum, bu en iyi çözüm mü?Özel ui/css kitaplığı için açısal biçim şablonu nasıl uygulanır?
angular
.module('myApp').run(function(formlyConfig) {
formlyConfig.setType([{
name: 'input',
templateUrl: 'input.html',
overwriteOk: true
},
{
name: 'select',
templateUrl: 'select.html',
overwriteOk: true
}]);
});
Html belge
select.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>
input.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>