ngSubmit не работает в подмодулях

Question

Я разбил свое приложение на функциональные модули, один из которых - клиентский модуль, у меня есть кнопка отправки типа внутри формы, форма находится в компоненте, который является частью функционального модуля, кнопка не отправляет форму и отсутствует консоль ошибка тоже, пока тот же код в корневом модуле работает нормально.

клиент-add.component.html

 <form (ngSubmit)="sayHello()" >
      <button type="submit" >Submit</button>
 </form>

клиент-add.component.ts

 import { Component, OnInit } from '@angular/core';

   @Component({
    selector: 'app-customer-add',
    templateUrl: './customer-add.component.html',
   })

   export class CustomerAddComponent implements OnInit {

   constructor() {}

   sayHello() {
     alert('hello');
   }
 }

customer.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';

import { CustomerAddComponent } from './customer-add/customer-add.component';

@NgModule({
  imports: [
    CommonModule,
    FormsModule
  ],
  declarations: [
    CustomerAddComponent
  ],
  exports: [
    CustomerAddComponent
  ]
})
export class CustomersModule { }

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { NgModule, APP_INITIALIZER, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { CustomersModule } from './customers/customers.module';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    CustomersModule,
    BrowserModule,
    FormsModule
  ],
  providers: [
  ],
  schemas: [
    CUSTOM_ELEMENTS_SCHEMA
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }