在文本输入中呈现ngModel

Question

我在输入表单中显示数据时遇到麻烦。

 <div class="input-group mb-3">
      <div class="input-group-prepend">
        <span class="input-group-text text-white" style="background-color:#03a9f4">Product ID</span>
      </div>
      <input type="text" class="form-control" [(ngModel)]="productID" name="productID" readonly="true" style="background-color: white">
 </div>

我在component.ts里面

 private productID: string;

  private initData() {
    this.productID = "12345"; //TODO REST call for data
  }

  ngOnInit() {
    this.initData();
  }

但是由于某些原因，我的输入在页面加载时没有任何价值。为什么会这样？

Answer 1

在这里，我为您创建了一个堆栈闪电，它正在运行。 我已经复制了您的代码，请再次检查。

Working Stackblitz Demo