数据不会在视图中更新



我正在我的离子4前端创建一个更新功能,该功能具有更新用户信息的表格。例如,当我尝试更改名称时,除非我注销并登录,否则在数据库中进行了更新,但在视图中不显示。这是我的更新方法。

updateInfo() {
    if (!this.updateForm.valid) {
      this.invalidUpdate();
    } else {
      if (!(this.name === "")) {
        var nameObj = {
          name: this.name
        };
        this._userService.updateName(nameObj).subscribe(
          data => {
            console.log(data);
            this.getUserNamePoints();
          },
          error => {
            this.updateFail();
          }
        );
      }

      };
      this.getUserNamePoints();
    }
  }

这是服务中的方法 updateName(name)

updateName(name) {

       var headers = new Headers();
        headers.append(
          "Authorization",
          "Bearer " + this._authService.getAuthorizationToken()
        );
        headers.append("Content-Type", "application/json");
        return this.http
          .post(environment.apiUrl + "/user/updateName", name, {
            headers
          })
          .map(res => res.json());
      }

这是构造函数中也称为 getUserNamePoints()的方法:

getUserNamePoints() {
    this._authService.getPoints().subscribe((res: any) => {
      this.current = res.data;
      this.clientName = res.name;
    });
  }

这是我正在执行的插值:

  <h2>
    <ion-text color="secondary" style="font-weight:bold">
      Hello, {{ clientName }}!</ion-text
    >
  </h2>

这是我的后端方法:

module.exports.updateName = function(req, res, next) {
  User.findByIdAndUpdate(
    req.decodedToken.user._id,
    {
      $set: req.body
    },
    { new: true }
  ).exec(function(err, updatedUser) {
    if (err) {
      return next(err);
    }
    res.status(200).json({
      err: null,
      msg: "Name was updated successfully.",
      data: req.decodedToken.user.name
    });
  });
};

我认为问题在您的后端。我可以看到您正在从解码令牌发送数据,并且在登录时编码令牌,因此它没有更新的数据。

res.status(200).json({
  err: null,
  msg: "Name was updated successfully.",
  data: req.decodedToken.user.name
});

当您调用方法" getUsernamepoints((;"时,您可以向我展示如何从后端检索用户的数据;"?您是在数据库中寻找用户数据还是在解码令牌中查找?

相关内容

  • 没有找到相关文章

最新更新