如何将对象作为参数传递？

Question

我的代码的某些部分随机出现问题。

此对象在angular controller 中声明。

this.tData = {
   'questions':[],
   'typeQuestion':[],
   'category':[],
   'dName':this.dName,
   'tCodigo':this.tCodigo}

然后我从其他函数中获取了一些数据并将其推送到相应的字段中，

this.tData.questions.push(this.idQuestion) // this come from frontend ng-model
this.tData.typeQuestion.push(this.typeQuest) // this come from frontend ng-model
this.tData.category.push(this.idCategory)// this come from frontend ng-model

这很好地构造了我的对象。做console.log(this.tData) 向我展示完全没问题的对象。但是当我在angular service 的这个函数中将它传递给后端时。

this.updateStuff = function(codStuff,tData){
 return $http.put('/updateStuff' + codStuff,tData)}

后端得到的对象console.log(params)是

{
 questions:['exampleId'],
typeQuestion:['exampleData'],
category:[], // HERE IS THE PROBLEM
dName:'exampleName',
tCodigo:'exampleCod'}

就像你看到的category:[] 是空的，但是在我发送之前在angular 的服务中执行console.log(tData)，我在那里看到了正确的数据。 当我将数据发送到后端时，我错过了数据。这个问题在其他 3 个类似的案例中发生在我身上。

为什么有些数组在后端可以正常使用，而有些则不行？

我尝试了很多东西，但我发送到后端的对象中有一项是空的。

如果您需要更具体的代码，请在 cmets 中告诉我。

更新

这里的代码我在控制器中推送类别：

this.getCategoryByName = function(){
  this.bName = document.getElementById('seCategory').value;
  Category.getCategoryByName(this.bName).then((result)=>{
    this.idCategory = result.data.data._id; // this give me id of category
    this.tData.category.push(this.idCategory);
  })
  }

2

这是我在前端调用函数的地方：

<button class="btn btn-primary" ng-click="ctController.getCategoryByName(); ctController.updateTest();" > up </button>

这是updateTest()函数的代码：

this.updateTest = function(){
Test.updateTest(this.codTest,this.tData).then(result=>{})
}

上面的方法调用angular serviceupdateStuff

已解决

解决了在方法 getCategoryByName 中添加链式 promise 并添加嵌套在 getCategoryByName() 方法中的 updateTest() 方法，或多或少类似于 @T.J. Crowder 建议，所以我给出了回应。

Answer 1

这里的代码我在控制器中推送类别：

this.getCategoryByName = function(){
  this.bName = document.getElementById('seCategory').value;
  Category.getCategoryByName(this.bName).then((result)=>{
    this.idCategory = result.data.data._id; // this give me id of category
    this.tData.category.push(this.idCategory);
  })
  }

这告诉我们您在 Category.getCategoryByName 完成其工作之前调用了 updateStuff，因此 before this.tData.category.push 被调用。 console.log 似乎向你展示 this.tData.category 中的东西的原因是（正如我在评论中提到的）因为 deferred evaluation in the console。

这也解释了为什么会发生这种情况有时：您在 Category.getCategoryByName 操作和调用 updateStuff 的操作之间存在竞争。有时，Category.getCategoryByName 获胜，所以 updateStuff 包含推送的信息，其他时候调用 updateStuff 的代码获胜，所以 updateStuff 没有 this.tDate.category 中的信息（还）。

this.getCategoryByName 应该返回承诺链：

    this.getCategoryByName = function(){
      this.bName = document.getElementById('seCategory').value;
      return Category.getCategoryByName(this.bName).then((result)=>{
//    ^^^^^^
        this.idCategory = result.data.data._id; // this give me id of category
        this.tData.category.push(this.idCategory);
      });
    };

...然后您应该根据该承诺的解决方案来调用updateStuff。

（您还需要确保处理链的拒绝路径。您当前的getCategoryByName 会忽略错误，如果Category.getCategoryByName 失败，这将导致控制台中出现“未处理的拒绝”错误。）