Question

模板中的值未绑定到组件变量。

这是模板代码的一部分：

int[] a = {7,5,8,9,-10,34,-150,60}

这是组件。当在模板中单击“下订单”按钮，并且placeOrder（）函数将运输对象记录到控制台时，应该将模板的输入绑定到组件的运输对象。但是运输对象在登录时没有显示任何值。

<div class="col">
    <input class="form-control" type="text" required name="firstName" 
        [ngModel]="shipping.firstName" #firstName="ngModel">
</div>

这是运输模式：

import { Component, OnInit } from '@angular/core';

import {Shipping, Payment} from '../shared/models/data-models';

@Component({
  selector: 'app-checkout',
  templateUrl: './checkout.component.html',
  styleUrls: ['./checkout.component.css']
})
export class CheckoutComponent implements OnInit {
  private shipping:Shipping;

  constructor() { 
    this.shipping = new Shipping();
  }

  private placeOrder() {
    console.log('shipping', this.shipping)    
  }
}

Answer 1

当前，您的代码已设置为仅允许单向绑定，就像您在进行[ngModel]一样。

要允许双向绑定可以更新shipping.firstName的值，您需要将其更改为[(ngModel)]。

还有更多信息in the docs，如果您想进一步阅读

模板变量未绑定到组件变量

1 个答案: