Question

我想为我的应用程序实现angular-formly自定义模板。我不想使用bootstrap模板，因为我有一个自定义UI / css库。如何实现自定义模板？我是否获得angular-formly-templates-vanilla或angular-formly-templates-bootstrap并根据我的需要进行自定义。目前我正在使用单独的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？当你不需要完成时，你正试图重新发明轮子。

如何为自定义ui / css库实现angular-formly模板？

1 个答案: