如何以角度发送<input type =“ hidden” />,使其绑定到组件?

时间:2018-11-15 08:37:32

标签: javascript angular typescript angular6

我的letter.ts文件为

export class Letter {

    clkletter:number;
    inOut:string;
    inOutNo:string;
    inOutDate:string;
    letterIssuedSubBy:string;
    letterFile:string;
    representativeName:string;
}

但是在html中,我仅使用了其两个属性:表单中的 letter.inOutNo和letter.inOutDate 。其他属性需要硬编码,因为它们为null或默认值。

<div class="col-md-6">
   <div class="col-md-12">
      <label for="letterDate">Letter Date</label>
      <input type="date" class="form-control" id="letterDate" required [(ngModel)]="letter.inOutNo" name="letterDate">
   </div>
   <div class="col-md-12">
      <div class="form-group">
         <label for="chalaniNo">Chalani Number</label>
         <input type="text" class="form-control" id="chalaniNo" required [(ngModel)]="letter.inOutDate" name="chalaniNo">
      </div>
   </div>
</div>

因此,我尝试使用html传递 ,就像我们以前做的普通html一样,但是它不起作用。我试图这样将数据发送到组件,以便将其绑定:

<input [(ngModel)]="letter.inOut" value="AnnexOne" type="hidden" /> 

我需要将值从html发送到组件,以便将其绑定。如何实现此目的?

0 个答案:

没有答案