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

Question

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

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

npm выполнить сборку

src \ app \ messages \ messages-new \ messages-new.component.html (52,22):: свойство 'messageTitle' не существует для типа '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>

Answer 1

Это означает, что вам нужно объявить переменную в вашем component.ts

messageTitle : string;