2016-03-30 13 views
2

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> 

cevap

0

Neden sadece bunu bir SinifAdi vermeyin ve sonra sadece CSS üzerine? Yapılması gerekmediğinde tekerleği yeniden icat etmeye çalışıyorsunuz.

İlgili konular