Javascript 如何在AngularJS网站中显示变量的名称？

我试图在用AngularJS编写的网站中显示变量的名称

例如： 后端代码：

$scope.Bundles = {
        Bundle1:["Sensor1","Sensor2"],
        Bundle2:["Sensor1","Sensor2","Sensor3"],
        Bundle3:["Sensor1","Sensor2","Sensor3","Sensor4"]
    }

前端代码：

<label  ng-repeat="name in Bundles">
                    <div> *Want to show "Bundle#" (name), instead of it's value (the sensors)* </div>
                </label>

*想要显示“Bundle#”（名称），而不是它的值（传感器）*

一些注意事项：

• 在谷歌搜索中，我总是发现有人问如何显示变量{{name}的值，我知道，我没有发现任何像我在这里问的问题

• 我需要它，因为在后面的代码中，我将需要使用“名称中的传感器”进行ng重复，以分别显示传感器，因此我确实需要一个具体的解决方案，而不是一个脏的解决方案，另一个数组包含名称

---

谢谢。

您可以通过以下方式访问密钥和值：

<label ng-repeat="(key, value) in Bundles">
    <div> *Want to show {{ key }}, instead of it's value {{ value }} (the sensors)* </div>
</label>

*想要显示{{key}}，而不是它的值{{value}（传感器）*

您可以通过以下方式访问密钥和值：

<label ng-repeat="(key, value) in Bundles">
    <div> *Want to show {{ key }}, instead of it's value {{ value }} (the sensors)* </div>
</label>

*想要显示{{key}}，而不是它的值{{value}（传感器）*

您可以使用ng repeat返回的元组，如文档中所述

---

您可以使用ng repeat返回的元组，如文档中所述

---

您可以使用javascipt Object.keys（arr）获取所有键，然后使用ng repeat对这些键进行迭代

$scope.BundleNumbers = Object.keys($scope.Bundles)

$scope.BundleNumbers将有[“Bundle1”、“Bundle2”、“Bundle3”]

{{name}}

另一种高效/有角度的方法是：

<label ng-repeat="(key,value) in Bundles">{{key}} </label>

{{key}

参考链接：

---

您可以使用javascipt Object.keys（arr）获取所有键，然后使用ng repeat对这些键进行迭代

$scope.BundleNumbers = Object.keys($scope.Bundles)

$scope.BundleNumbers将有[“Bundle1”、“Bundle2”、“Bundle3”]

{{name}}

另一种高效/有角度的方法是：

<label ng-repeat="(key,value) in Bundles">{{key}} </label>

{{key}

参考链接：

---

哇，非常感谢您的超级快速回答，它工作得非常好，正是我所需要的（我仍然需要等待9分钟来标记它xD）哇，非常感谢您的超级快速回答，它工作得非常好，正是我所需要的（我仍然需要等待9分钟来标记它xD）