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

在Angular 5中同时保存'id'和'name'，可以通过使用一个数据模型来实现。首先，创建一个包含'id'和'name'属性的数据模型，可以命名为User：

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

然后，在组件中使用该数据模型来保存'id'和'name'的值。假设我们有一个表单，用户可以输入'id'和'name'，并点击保存按钮来保存数据。在组件中，我们需要创建一个User对象，并将表单中的值赋给该对象的属性：

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);
  }
}

在HTML模板中，我们可以使用双向数据绑定来将输入框的值与User对象的属性绑定在一起：

<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>

这样，当用户在输入框中输入值时，User对象的属性会自动更新。当用户点击保存按钮时，可以通过访问User对象的属性来获取'id'和'name'的值，并进行相应的处理。

关于Angular 5的更多信息和使用方法，可以参考腾讯云的Angular产品文档：Angular产品介绍