カスタムui/cssライブラリ用に角形テンプレートを実装する方法は？

Question

自分のアプリケーションに角型のカスタムテンプレートを実装したいと思います。カスタムUI/CSSライブラリがあるので、私はブートストラップテンプレートを使用したくありません。カスタムテンプレートを実装するにはどうすればよいですか？私は角形のテンプレート（バニラまたは角形テンプレートのブートストラップ）を手に入れ、必要に応じてカスタマイズします。現在、以下のように別々の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

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

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 select.htmlは、なぜあなたは単にそれをクラス名を与えていないし、そしてちょうどCSSを上書きしますか？ ホイールを実行する必要がないときに、ホイールを再作成しようとしています。