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

时间:2019-04-19 08:04:52

标签: angular typescript binding

我将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>

1 个答案:

答案 0 :(得分:1)

这意味着您需要在组件中声明变量。

messageTitle : string;