独立应用程序材料日期选择器无法在其他应用程序中工作

Question

尝试在其他应用程序中使用来自无区域角度自定义元素的角度材料日期选择器时出现提供程序错误。

遇到找不到提供者的错误。

@Component({
  selector: 'app-form-field',
  standalone: true,
  imports: [FormsModule,ReactiveFormsModule, MatFormFieldModule,MatDatepickerModule, MatNativeDateModule,MatAutocompleteModule,MatIconModule,MatButtonModule,MatInputModule,MatSelectModule],
  templateUrl: './form-field.component.html',
  styleUrl: './form-field.component.scss',
})

Answer 1

确保您的组件中有

provideNativeDateAdapter()

，如下所示

  selector: 'app-form-field',
  standalone: true,
  imports: [FormsModule,ReactiveFormsModule, MatFormFieldModule,MatDatepickerModule, MatNativeDateModule,MatAutocompleteModule,MatIconModule,MatButtonModule,MatInputModule,MatSelectModule],
  templateUrl: './form-field.component.html',
  styleUrl: './form-field.component.scss',
  providers: [provideNativeDateAdapter()],
  changeDetection: ChangeDetectionStrategy.OnPush,
})