在Angular 5中同时保存'id‘和'name’

export class User {
  id: number;
  name: string;
}

import { Component } from '@angular/core';
import { User } from './user.model';

@Component({
  selector: 'app-user-form',
  templateUrl: './user-form.component.html',
  styleUrls: ['./user-form.component.css']
})
export class UserFormComponent {
  user: User = new User();

  saveUser() {
    // 在这里可以使用this.user.id和this.user.name来访问'id'和'name'的值
    console.log('id:', this.user.id);
    console.log('name:', this.user.name);
  }
}

<form>
  <label for="id">ID:</label>
  <input type="number" id="id" [(ngModel)]="user.id" name="id">

  <label for="name">Name:</label>
  <input type="text" id="name" [(ngModel)]="user.name" name="name">

  <button (click)="saveUser()">Save</button>
</form>