javascript - 在 TypeScript 中使用相同的 Update 方法添加用户时设置自动 id

Question

我正在我的 CRUD Api 中添加 Add 方法。

我必须使用相同的表单和相同的更新方法。当我点击更新时，url 是 detail/:id，而当我点击添加时，url 是 detail/-1。

在我的方法中，我必须控制 id 是否等于 -1 id 设置一个新的 Id 在 users.lenght + 1 之间求和，否则我传递给表单id 和其他要更新的参数。

  getUser(): void {
    const id = +this.route.snapshot.paramMap.get('id');
    this.userService.getUser(id)
      .subscribe(user => this.user = user);
    if (id === -1) {
      id = this.users.length + 1;
      this.userService.getUser(id)
        .subscribe(user => this.user = user);
    }
  }

我无法将新的 id 分配给旧的 Id，因为它是一个常量。我必须做什么？

这是我的 html 表单:

  <div *ngIf="user">
      <h2>{{user.firstName}} Details</h2>

      <div class="form-group">
        <label class="col-md-4 control-label" for="id">Id</label>
        <div class="col-md-4">
          <input id="id" name="id" type="text" placeholder="{{user.id}}"  class="form-control input-md" required="" readonly>
        </div>
      </div>

      /*rest of datas*/

Answer 1

如果您需要更改事件路线，您必须启动导航。

如果您只需要组件中的 id，您可以使用 let 而不是 const 或将其分配给另一个变量。