正如您在我在这个问题中提供的代码中看到的,我尝试循环对象的属性。所有属性都是空对象!我还有另一个对象,我在其中存储了几个休息调用(ngResource Stuff,这对于这个问题并不重要)。
在这里您可以看到存储在$scope.restCalls中的“Rest-Calls”。
$scope.restCalls = [
{
resource1: RestService.call1,
resource2: RestService.call2,
resource3: RestService.call3
},
{
resource4: RestService.call4,
resource5: RestService.call5,
resource6: RestService.call6
},
{
resource7: RestService.call7,
resource8: RestService.call8,
resource9: RestService.call9
}
];
$scope.data 表示每个选项卡的数据。该数组中的每个对象都保存选项卡的数据。所有资源都初始化为空,如果用户更改页面,资源将存储在这里。
$scope.data = [
{
resource1: {},
resource2: {},
resource3: {}
},
{
resource4: {},
resource5: {},
resource6: {}
},
{
resource4: {},
resource5: {},
resource6: {}
}
];
到目前为止一切顺利。我保证通话正常。在我的应用程序中有多个选项卡,因此我想尝试实现一些延迟加载:D
因此我实现了一个功能:(索引在html中定义,并且只是0到2之间的数字)
<uib-tab heading="Tab1" select="tabChange(0)">
... HERE I have some tables which access the $scope.data[0] data
</uib-tab>
<uib-tab heading="Tab2" select="tabChange(1)">
... HERE I have some tables which access the $scope.data[1] data
</uib-tab>
<uib-tab heading="Tab3" select="tabChange(2)">
... HERE I have some tables which access the $scope.data[2] data
</uib-tab>
在这里你可以看到这个函数:
$scope.tabChange = function (index) {
for (var propertyName in $scope.data[index]) {
$scope.restCalls[index][propertyName]().$promise.then(function (data) {
$scope.data[index][propertyName] = data;
});
}
};
现在让我们来看看问题描述:
- 当我更改选项卡时,函数 tabChange 会被触发。
- 每个 Restcall 都会正确触发
结果只会存储到 $scope.data[index] 的错误属性中。它始终是最后一个属性名称。例如,我更改为 tab2(index 1)。 $scope.data 最终会像这样:
$scope.data = [
{
resource1: {},
resource2: {},
resource3: {}
},
{
resource4: {},
resource5: {},
resource6: RESULT OBJECT OF THE LAST REST CALL!
},
{
resource7: {},
resource8: {},
resource9: {}
}
];
我认为propertyname在then函数中不可用。但我不知道如何将名称输入到这个函数中。
最佳答案
出现问题的原因是 propertyName
位于函数的上层范围内,并且其值在调用函数之前发生了更改。您可以将变量绑定(bind)到函数作用域,如下所示。
$scope.tabChange = function (index) {
for (var propertyName in $scope.data[index]) {
$scope.restCalls[index][propertyName]().$promise.then(function (propertyName,data) {
$scope.data[index][propertyName] = data;
}.bind(null,propertyName));
}
};
您可以了解有关 javascript 闭包的更多信息 here以及您可以从 Google 找到的其他来源。
关于javascript - 循环访问对象时访问属性名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36841905/