是否可以选择不正式使用主题？

Question

我想使用 tailwind 来完成我所有的样式，并且不想在我的代码中添加额外的库。

这是我想出的一个简单示例：

https://stackblitz.com/edit/angular-ivy-uxrxrc?file=src%2Fapp%2Fformly-component%2Fformly-component.ts

我做了什么：
创建了一个简单的组件，其中包含一个基本的输入字段。 Angular 似乎可以正常编译，但表格似乎没有显示任何字段。它出错了 Error: [Formly Error] There is no type by the name of "input".

我似乎也无法在没有主题的文档中找到任何示例。

Answer 1

正式提供一组开箱即用的主题，例如 material、bootstrap.. 但这并不妨碍您创建自己的主题，唯一需要的步骤是定义自定义字段按照 https://formly.dev/guide/custom-formly-field 中的记录输入总结如下步骤：

创建自定义 field type 名称 input:

import { Component } from '@angular/core';
import { FieldType } from '@ngx-formly/core';

@Component({
 selector: 'formly-datetimepicker',
 template: `
   <input [formControl]="formControl"></input>
 `,
})
export class InputFieldType extends FieldType {}

通过 NgModule 声明定义您的字段类型：

@NgModule({
 declarations: [InputFieldType],
 imports: [
   ....
   FormlyModule.forRoot({
     types: [
       { name: 'input', component: InputFieldType },
     ],
   }),
 ],
})
export class AppModule {}

在您的字段配置中将类型设置为 type：

fields = [
  {
    key: 'name',
    type: 'input',
  },
]

还是一头雾水检查Formly UI源码https://github.com/ngx-formly/ngx-formly/tree/master/src/ui

是否可以选择不正式使用主题？

Is there an option to NOT use a theme in formly?

javascript

angular

ngx-formly