Невозможно связать с 'ngModelOptions', так как это не известное свойство 'input' в подмодуле Angular

Question

У меня есть несколько подмодулей в моем проекте, одним из них является SharedModule (который совместно использует модули для всех).

SharedModule включает импорт FormsModule и ReactiveFormsModule. Я импортирую этот модуль в модуль, который хочу использовать формы, но он не работает.

Блок шаблона компонента

<div class="md-form">
<input [formControl]="personGroup.get('medication')" [ngModelOptions]="{standalone: true}" mdbActive type="text" id="medication" class="form-control" #medication>
<label for="medication" class="">Ingrese el medicamento</label>
<button class="btn btn-success btn-sm" (click)="addMedication(medication.value)">
  <i class="fa fa-plus" aria-hidden="true"></i>
</button>

подмодуль

@NgModule({
  declarations: [    
    ...
  ],
  imports: [
    ...
    SharedModule,
    ...
  ],
  exports: [
    ...
  ]
})
export class PeopleModule { }

SharedModule

 import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MDBBootstrapModule } from 'angular-bootstrap-md';
 import { FormsModule, ReactiveFormsModule } from "@angular/forms";
 @NgModule({
   imports: [
     CommonModule,
     ...
     FormsModule, 
     ReactiveFormsModule,
     ...
   ],
   exports: [
     ...
     FormsModule, 
     ReactiveFormsModule,
     ...
   ],
   declarations: [
     ...
   ],
   schemas: [ NO_ERRORS_SCHEMA ],
 })
 export class SharedModule { }

Answer 1

Чтобы использовать ngModelOptions, директива ngModel должна применяться к элементу ввода:

<input ngModel [ngModelOptions]="{standalone: true}" ... />

, поскольку ngModelOptions является свойством директивы ngModel.