Angular js : how to use key of object to retrieve value of another json object

Question

我有一个 json 对象数组

$scope.arrary = [{"a":"value"},{"b":"value2"},{"c":"value3"}];

$scope.secondObje = {"a":"this is updated value","b":"this is new value"}

我可以使用“数组”进行迭代

<div ng-repeat="(key,value) in array">

现在我如何使用 key 访问第二个对象的值

我想要类似 {{secondObje.key}} 的东西，我怎样才能以 Angular 的方式做到这一点。

这样我就可以打印出“这是更新值”和“这是新值”。

请帮助我。

Answer 1

您的代码失败，因为 $scope.arrary是一个数组，因此 key在<div ng-repeat="(key,value) in arrary">为您提供从 0(即 0、1、2)开始的索引，而不是您想要的字母(a、b、c)。

选项 1:处理此问题的一种方法是更改​​ $scope.arrary 的格式。这样你就有了

$scope.arrary = [{"key":"a", "value":"value"},{"key":"b", "value":"value2"},{"key":"c", "value":"value3"}];

然后您可以使用第二个对象上的键作为

<div ng-repeat="a in arrary">
    {{ secondObje[a.key] }} <br>
</div>

选项 2:但是，如果您想保留 $scope.arrary就这样，您可以将第二个对象上的键用作

<div ng-repeat="a in arrary">
    <div ng-repeat="(key, value) in a">
        {{ secondObje[key] }} <br>
    </div>
</div>

DEMO

以下是这些的工作演示:http://jsfiddle.net/5NzZX/119/

我更喜欢第一个选项。