隐藏的输入值是无效的

Question

这个表单有一个隐藏的输入，当我将表单发送到我的 api 时，输入的值是无效的。 Isbn 和 packId 是 book 模型的属性， 为什么 packId 的值是空的？

<form class="general-form col-lg-10" #bookForm="ngForm" (ngSubmit)="onSubmit(bookForm)">    
   <p>
    <label>ISBN</label>
    <input type="text" name="isbn" #isbn="ngModel" [(ngModel)]="book.isbn" class="form-control" required />          
   </p>    
    <input type="hidden" #packId [(ngModel)]="book.packId" name="packId" value="5bd5cdd8bf7ba21ea799b726">    
    <input class="submit-book btn btn-success"  type="submit"  [disabled]="!bookForm.form.valid" />    
</form> 

Answer 1

您确定需要隐藏输入吗？由于您使用的是 ngModel，该值可能返回为空：它假设该字段的值是模型中的 book.packId，而不是“value”属性。