javascript - 如何在模板中引用以编程方式生成的 $scope 变量？

Question

我从服务器获取了一个数组，从中生成了可变数量的 bool 标志，并将它们附加到 Controller 中的 $scope 变量。

for (var i = 0; i < myArray.length; i++) {
    $scope['TeamId' + myArray[i].TeamId + 'IsVisible'] = ViewMatrixService['TeamId' + myArray[i].TeamId + 'IsVisible'];
}

如何在模板中引用这些变量？我尝试了以下方法，但不起作用。

<th ng-show="'TeamId' + doc.DocumentOwnerTeam.TeamId + 'IsVisible'">

Answer 1

只需将它们放入您可以显式引用的作用域变量中即可。

$scope.team = $scope.team || {};
for (var i = 0; i < myArray.length; i++) {
    $scope.team['TeamId' + myArray[i].TeamId + 'IsVisible'] = ViewMatrixService['TeamId' + myArray[i].TeamId + 'IsVisible'];
}

<th ng-show="team['TeamId' + doc.DocumentOwnerTeam.TeamId + 'IsVisible']">

虽然作为替代路线，但它是否始终由 doc.DocumentOwnerTeam 的任何迭代确定当前处于事件状态，只需将其作为属性分配给 that。