Angular 在角度应用程序中获取[Object]

以角度形式获取[Object Object]，并且dropdownselect未设置为默认的0索引。而在编辑的情况下，一切工作正常。是否需要初始化此创建页面的模型属性

编辑：ngModelChange不调用函数donamechage

组成部分：

Html:

---

在使用被动表单时，不要使用用于基于模板的表单的ngModel。 如果您需要收听更改：

ngÒnInit(){
   this.employeeForm = this._fb.group({
      EmployeeId: 0,
      Name: ['', [Validators.required, Validators.minLength(3)]],
      Gender: ['', [Validators.required]]  //dropdown
   });
   this.onChanges();
}
...

onChanges(): void {
  this.myForm.valueChanges.subscribe(val => {
        console.log(val);
  });
}

 //or:
onChanges(): void {
  this.myForm.get('name').valueChanges.subscribe(val => {
    console.log(val);
  });
}

---

删除ngmodel当你使用反应式表单时`@Vega，我想看一个对象的变化。。wt怎么办？您查看了这两个方面的文档，然后选择了一个。请更具体地说明您的问题，因为除了使用模板驱动表单和反应式表单之外，我在您的代码中没有发现任何问题。好的@trichetriche会处理它。.请检查此链接@Vega不起作用，我已经修改了问题，并在编辑部分添加了我根据您的回答所做的更改。在我的回答中，我建议删除ngModel。至于您粘贴的代码，它应该可以工作。什么不起作用？它不跟随这些变化吗？你能做个演示让我看看你班上的其他同学吗？什么不起作用？你期待什么？这似乎对我有用：不在控制台上打印值，不知道为什么。。它需要申报或进口吗。。我的应用程序中是否需要此hello组件？

 <form (ngSubmit)="save(f.value, f.valid)" #f="ngForm" novalidate materialize>      
      <input id="Name" (ngModelChange)="doNameChange($event)" name="Name" #Name="ngModel" type="text" class="validate form-control" required minlength="3" [(ngModel)]="user.Name">
      <select id="Gender"  name="Gender" #Gender="ngModel" class="validate form-control" [(ngModel)]="user.Gender" required>
          <option value="">-- Select Gender --</option>
          <option value="Male">Male</option>
          <option value="Female">Female</option>
        </select>
    </form>

ngÒnInit(){
   this.employeeForm = this._fb.group({
      EmployeeId: 0,
      Name: ['', [Validators.required, Validators.minLength(3)]],
      Gender: ['', [Validators.required]]  //dropdown
   });
   this.onChanges();
}
...

onChanges(): void {
  this.myForm.valueChanges.subscribe(val => {
        console.log(val);
  });
}

 //or:
onChanges(): void {
  this.myForm.get('name').valueChanges.subscribe(val => {
    console.log(val);
  });
}