Angular2 ngModel 不工作

蓝光

我正在尝试ngModel从文本输入进行绑定,但它不起作用。这是我的代码:

模板:

<form (ngSubmit)="onSubmit()">
    <div class="form-group">
        <input type="text" class="form-control" [(ngModel)]="message">
    </div>
    <input type="submit">
</form>

成分:

export class Component implements OnInit {
  message:string

  onSubmit() {
    console.log(this.message);
  }
}

总是得到未定义的值。如何将文本输入中的值绑定到变量?

阿伦·库马雷什

你缺少 ngForm

<form #f="ngForm" (ngSubmit)="onSubmit(f)">
      <div class="form-group">
        <input type="text" class="form-control" name="message" [(ngModel)]="message">
      </div>
      <input type="button">
    </form>

export class Component implements OnInit {
  message:string

   ngOnInit() {
this.message = "test";
}

  onSubmit(form: ngForm) {
    console.log(form.value);
  }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章