2

我不太确定如何将组件类中的变量绑定到表单对象中的属性值。表单需要显示此值并将其添加到 中,ngModel以便它可以成为对象实例的一部分。

我在语法上苦苦挣扎,并不断收到No value accessor for form control with name: 'per_print' Error: No value accessor for form control with name:我认为我需要使用[(ngModel)]="myObject.property"语法的错误,但我不是从表单的输入中得到这个,而是从类上的绑定变量中得到这个。

  <div class="form-group">
       <label class="label-text" >Per Print</label>
       <div class="input-group" style="width:150px;">

          <h4 [(ngModel)]="job_entry.per_print"  name="per_print" 
      value='pricePerPrint'   class="form-control"
           >
          {{pricePerPrint | currency:'GBP':true:'1.2-2'}}
        </h4>
      </div>
    </div>

job_entry是我的对象,我通过表单设置哪些属性。pricePerPrint是类上的一个变量。我想将此变量设置为表单实例属性之一。这个怎么做?我以为我可以通过value,就像在value标签中一样<h4>,但是这个错误仍然存​​在。

4

1 回答 1

2

您可以将[hidden]输入字段与您想要的值一起使用,以便将该值添加到您的表单中。但是,这意味着您需要将其pricePerPrint用作ngModel. 但是ngModel对于你job_entry来说可能不需要。您可以这样构建表单,以便您从表单中获得的对象可以直接分配给job_entry

onSubmit(obj) {
  this.job_entry = obj;
}

还要检查演示

所以你的代码看起来像这样:

<form #myForm="ngForm" (ngSubmit)="onSubmit(myForm.value)">
  <input [hidden]="isHidden" name="per_print" 
       [(ngModel)]="pricePerPrint" [value]="pricePerPrint"/>
  <h4>Price: {{pricePerPrint}}</h4>
  <button type="submit">Submit</button>
</form>

哪里isHidden设置为true

我看到的其他选项,如果你想使用[(ngModel)]="job_entry.per_print,你需要将你拥有的任何值分配pricePerPrintjob_entry.per_print.

于 2017-04-30T15:46:41.773 回答