typescript 角度双向数据绑定

Posted 2021-05-20

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

@Component({
  selector: 'app-create-post',
  templateUrl: './create-post.component.html',
  styleUrls: ['./create-post.component.css']
})
export class CreatePostComponent implements OnInit {

  formData: Object = {};

  constructor() { }

  ngOnInit() {
    console.log(this.formData);
  }

  createPost() {
    console.log('cuba submit form');
    console.log(this.formData);
  }

}

<input type="text" class="form-control" id="" placeholder="" [(ngModel)]="formData.title" name="title">

<button type="button" class="btn btn-primary" (click)="createPost()" >Submit</button>

import { FormsModule } from '@angular/forms';

[...]

@NgModule({
  imports: [
    [...]
    FormsModule
  ],
  [...]
})