指令式NgbDateAdapter被默认行为覆盖，日历选日期模型异常求解决

需求：将NgbDateAdapter与NgbDateParserFormatter定义为指令，通过选择器绑定到输入框（而非组件providers列表），实现同一页面不同日期输入的差异化行为，避免为每个输入创建单独组件。

• 现状：格式化器工作正常，但通过日历选择日期时，日期适配器将模型设置为NgbDateStruct，而非自定义的继承类（该类支持多格式日期转换，序列化后输出yyyy-mm-dd格式）。
• 场景举例：
  • 出生日期格式化器需将目标日期设为66年前，确保两位年份补全后日期在过去；
  • 开始日期需设为50年后，补全后日期在未来。
• 当前问题：使用指令方式的输入框，选日期后模型为NgbDateStruct，而providers方式的输入框模型为自定义DateOnly类；控制台显示自定义指令已被调用，但怀疑ngbDatepicker指令因未找到组件内提供的适配器而使用默认处理。

核心问题是ngbDatepicker指令优先从组件注入器获取NgbDateAdapter，指令级提供者默认无法被其识别，以下是针对性解决步骤：

1. 让自定义指令成为宿主提供者
   在自定义指令的providers配置中声明适配器和格式化器，并通过@Host()装饰器确保ngbDatepicker能从输入框的宿主注入器中获取到这些自定义服务，而非回退到默认实现。示例代码结构：

   @Directive({
     selector: '[appBirthDatePicker]',
     providers: [
       { provide: NgbDateAdapter, useClass: CustomBirthDateAdapter },
       { provide: NgbDateParserFormatter, useClass: CustomBirthDateFormatter }
     ]
   })
   export class BirthDatePickerDirective {
     constructor(@Host() private adapter: NgbDateAdapter<DateOnly>) {}
   }
   

2. 完善自定义适配器的转换逻辑
   自定义适配器必须正确继承NgbDateAdapter<T>，重点实现toModel方法，确保将日历选择的NgbDateStruct转换为自定义DateOnly实例：

   export class CustomBirthDateAdapter extends NgbDateAdapter<DateOnly> {
     fromModel(model: DateOnly | null): NgbDateStruct | null {
       // 实现DateOnly到NgbDateStruct的转换逻辑
     }
   
     toModel(date: NgbDateStruct | null): DateOnly | null {
       if (!date) return null;
       // 核心：将NgbDateStruct转为自定义DateOnly类实例
       return new DateOnly(date.year, date.month, date.day);
     }
   
     // 按需实现format、parse等其他接口方法
   }
   

3. 确保指令级提供者优先级
   若组件或全局存在默认NgbDateAdapter提供者，无需额外删除，Angular注入器会优先使用距离元素最近的指令级提供者。

4. 验证指令绑定有效性
   确认输入框同时绑定了自定义指令和ngbDatepicker指令，可在指令构造函数中打印日志，检查适配器实例是否为自定义版本，确保指令已正确初始化。

内容的提问来源于stack exchange，提问作者Chris