Tengo un problema con una variable Input() de un componente angular. Lanza un error relacionado con el tipo en el archivo de plantilla de páginas. Tengo dos interfaces, una página y un componente para que ocurra el error.

Las dos interfaces son Bike y BikeMin donde Bike extiende BikeMin (y otras interfaces):

 export interface Bike extends BikeRemote, BikeMin, BikeLocal {}

Tengo un Componente BikeFeaturePickerComponent con un ngModel de tipo BikeMin :

 export class BikeFeaturePickerComponent { @Output("bikeChange") public bikeChange: EventEmitter<BikeMin> = new EventEmitter<BikeMin>(); @Input("bike") public bike: BikeMin; ngOnInit(): void {} constructor(public featuresService: FeaturesService, public bikeInfoService: BikeInfoService) {} }

Estoy usando el componente BikeFeaturePickerComponent en la página DetailPage que tiene la propiedad pública bike: Bike .
detalle.pagina.ts :

 export class DetailPage implements OnInit { public bike: Bike; ... }

detalle.pagina.html :

 <app-bike-feature-picker [(bike)]="bike"></app-bike-feature-picker>

Ahora el error ocurre en detail.page.html . Dice que no puedo asignar la variable de tipo Bike a una variable de tipo BikeMin aunque Bike tiene todas las propiedades de BikeMin . Dentro de las funciones puedo asignar variables de tipo Bike a parámetros de tipo BikeMin . Pero cuando uso Input() de @angular/core, aparece el siguiente error:

Tampoco se producen errores en tiempo de ejecución ( ionic serve ). El código se puede ejecutar a pesar del error del compilador. Tampoco hay errores en ionic build . Posiblemente el error solo sea causado por el código de Visual Studio. Pero, ¿cómo puedo deshacerme de él?

Agradecido por cualquier consejo.