如何將值從 HTML 字段傳遞到組件 ts

Question

我在不使用表單的情況下將 HTML 頁面中的值發送到 TS 組件中，當我嘗試 npm run build 時出現構建錯誤，這是我的示例：

我使用 >npm run dev 或 >ng build 沒有問題但是當我為生產構建它時，它會通過錯誤使用

npm 運行構建

src\\app\\messages\\messages-new\\messages-new.component.html(52,22): : 類型“MessagesNewComponent”上不存在屬性“messageTitle”。

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;