如何在ngx-formly中修复标签上的布局复选框？

<form [formGroup]="form">
  <formly-form [form]="form" [fields]="fields" [model]="model"></formly-form>
</form>

import { Component } from '@angular/core';
importimport { FormGroup } from '@angular/forms';
import { FormlyFieldConfig } from '@ngx-formly/core';

@Component({
  selector: 'app-form',
  templateUrl: './form.component.html',
})
export class FormComponent {
  form = new FormGroup({});
  model = {};
  fields: FormlyFieldConfig[] = [
    {
      key: 'checkbox',
      type: 'checkbox',
      templateOptions: {
        label: 'Checkbox',
      },
    },
  ];
}

fields: FormlyFieldConfig[] = [
  {
    key: 'checkbox',
    type: 'checkbox',
    templateOptions: {
      label: 'Checkbox',
      addons: {
        before: '<div class="checkbox-wrapper">',
        after: '</div>',
      },
    },
  },
];

.checkbox-wrapper {
  display: flex;
  align-items: center;
}