如何將物件的值傳遞給另一個物件，已經作為Angular中的變數？

我的班級 Inbound 看起來像下面這樣。

export class Inbound {
  constructor(
  public id: number,
  public incomingType: string,
  public quantity: number,
  public location: string,
  public arrived: Date,
  public bin: Bin,
  public truck: Truck,
  public supplier: Supplier
  ) {

HTML ->

<tr>
      <th>ID</th>
      <th>Incoming Type</th>
      <th>Quantity</th>
      <th>Location</th>
      <th>Arrived</th>
      <th>Bin</th>
      <th>Truck</th>
      <th>Supplier</th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let inbound of inbounds">
      <td><span>{{inbound.id}}</span></td>
      <td><span>{{inbound.incomingType}}</span></td>
      <td><span>{{inbound.quantity}}</span></td>
      <td><span>{{inbound.location}}</span></td>
      <td><span>{{inbound.arrived}}</span></td>
      <td><span>{{inbound.bin.name}}</span></td>
      <td><span>{{inbound.truck.regNumber}}</span></td>
      <td><span>{{inbound.supplier.name}}</span></td>
      <td>

我在傳遞這 3 個最后一個變數時遇到問題，因為。我的 Java 代碼有效，我已經檢查過 Postman。Angular 的前端遇到了我身邊的一些知識缺乏。方法 createNewInbound 對 Angular 不可見。

<ng-template #content let-modal>
  <div class="modal-header">
    <h4 class="modal-title" id="modal-basic-title">New Inbound</h4>
    <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div >
    <form #f="ngForm" (ngSubmit)="onSubmit(f)" novalidate>
      <div >
        <label for="incomingType">Incoming Type</label>
        <div >
          <input id="incomingType" name="incomingType"  ngModel>
        </div>
      </div>
      <div >
        <label for="quantity">Quantity</label>
        <div >
          <input id="quantity" name="quantity"  ngModel>
        </div>
      </div>
      <div >
        <label for="location">Location</label>
        <div >
          <input id="location" name="location"  ngModel>
        </div>
      </div>
      <div >
        <label for="arrived">Arrived</label>
        <div >
          <input id="arrived" name="arrived"  ngModel>
        </div>

        ***[FROM  HERE !!!]
      **</div>
      <div >
        <label for="bin.name">Bin Name</label>
        <div >
          <input id="bin.name" name="bin.name"  ngModel>
        </div>
      </div>
      <div >
        <label for="truck.regNumber">Truck Reg Number</label>
        <div >
          <input id="truck.regNumber" name="truck.regNumber"  ngModel>
        </div>
      </div>
      <div >
        <label for="supplier.name">Supplier Name</label>
        <div >
          <input id="supplier.name" name="supplier.name"  ngModel>
        </div>


        [TILL  HERE!!!]*****
      </div>
      <div >
        <button data-dismiss="modal" >Submit</button>
      </div>
    </form>
  </div>

uj5u.com熱心網友回復：

您需要使用ngModelGroup指令。下面是代碼片段：

      <div class="form-group" ngModelGroup="bin">   <!-- Added ngModelGroup="bin" -->
        <label for="bin">Bin Name</label>
        <div class="input-group">
          <input id="bin" name="name" class="form-control" ngModel>  <!-- Updated name attribute value  --> 
        </div>
      </div>
      <div class="form-group" ngModelGroup="truck">  <!-- Added ngModelGroup="truck" -->
        <label for="truck.regNumber">Truck Reg Number</label>
        <div class="input-group">
          <input id="truck.regNumber" name="regNumber" class="form-control" ngModel>  <!-- Updated name attribute value  -->
        </div>
      </div>
      <div class="form-group" ngModelGroup="supplier">  <!-- Added ngModelGroup="supplier" -->
        <label for="supplier.name">Supplier Name</label>
        <div class="input-group">
          <input id="supplier.name" name="name" class="form-control" ngModel>  <!-- Updated name attribute value  -->
        </div>
      </div>

這將幫助您獲得預期f.value內onSubmit()

標籤：html 有角的 引导模式

上一篇：SinginCompoent不與IdentityComponent互動

下一篇：棱角分明。嘗試安裝ngx-cookie時出現依賴沖突