Как передать значения из полей HTML в компонент ts

Я отправляю значения со страницы HTML в компонент TS без использования формы, у меня возникает ошибка сборки, когда я пытаюсь запустить сборку npm, вот мой пример:

У меня нет проблем с использованием >npm run dev или >ng build Но когда я соберу его для производства, он выйдет из-за ошибки, используя

npm run build

src\app\messages\messages-new\messages-new.component.html(52,22): : Property 'messageTitle' does not exist on type 'MessagesNewComponent'.

HTML:

<input matInput placeholder = "Type a title" name = "messageTitle" [(ngModel)] = "messageTitle">


<button class = "simple-form-button" color = "primary" mat-raised-button type = "submit"  value = "submit" (click) = "sendMessage(messageTitle)">
      <mat-icon>send</mat-icon> Send 
    </button>

🤔 А знаете ли вы, что...
С помощью Angular можно создавать анимации и переходы между элементами интерфейса.