时间戳

首页 > 解决方案 > 如何将值从 HTML 字段传递到组件 ts

angular - 如何将值从 HTML 字段传递到组件 ts

问题描述

我在不使用表单的情况下将值从 HTML 页面发送到 TS 组件，当我尝试 npm run build 时出现构建错误，这是我的示例：

我使用 >npm run 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>

标签： angulartypescriptbinding

解决方案

这意味着您需要在 component.ts 中声明变量

messageTitle : string;

推荐阅读