Question

我正在开发一个简单的CRUD页面。当我输入错误代码时，我的浏览器控制台错误计数突然上升。为什么？实际上它只有一两个错误

19590错误，1次警告

.TS：

  document: Document;
  constructor() {
    console.log(this.document.id); //error occurs as I expected
  }

html的：

    <select class="form-control m-input" 
       name="kategori" id="kategori" [(ngModel)]="document.id" >
      <option disabled [ngValue]="null">Please Select</option>
    </select>

如果我删除 [（ngModel）] =“document.id”错误已经消失且只有一个错误。我该怎么办？

注意：我没有给出这个问题的新实例“文档”

Answer 1

好的，所以你需要使用你需要注入它的组件内的Document变量，如下所示：

import {DOCUMENT} from '@angular/common';

export class YourComponent {

    constructor(@Inject(DOCUMENT) private document: any){
           console.log(this.document.id);
    }
}

之后，您可以在ngModel。

中使用它

Answer 2

你必须先按照这个

初始化Document课程

document: Document = new Document();

请在此处查看stackblitz演示：here

angular ngModel在浏览器控制台中生成太多错误

2 个答案: