Javascript 在某个其他范围对象的ng repeat中使用另一个范围对象值

我已经建立了一个很好的解释我的问题的方法。我想在

ng repeat

内部显示

$scope.gem

中

$scope.knobItems

的

$scope.gem

名称[每个ng repeat只显示一个名称，不要循环所有名称]，而不扩展

knobItems

范围。我希望通过保持控制器的精确结构，使之成为可能。我是个新手。我只是想知道这在角度上是否可行，是否是一个好的练习

查看

<div ng-app="myapp">
    <div ng-controller="Mycont">
        <div ng-repeat="knobs in knobItems">
            <div ng-repeat="(key, value) in knobItems.nums">{{value.knobTitle}} : {{value.knobColor}}
                <div ng-bind="gem[0].name"></div>
            </div>
        </div>
    </div>
</div>  

var ngMod = angular.module("myapp", []);
ngMod.controller("Mycont", function ($scope) {
    $scope.knobItems = {};
    $scope.knobItems.nums = [{
        knobTitle: "Company Profile",
        knobColor: "#f46607"
    }, {
        knobTitle: "Deals left This Month",
        knobColor: "#ffcc00"
    }, {
        knobTitle: "Pricelist",
        knobColor: "#f40787"
    }, {
        knobTitle: "Pictures",
        knobColor: "#a1b80a"
    }, {
        knobTitle: "Videos",
        knobColor: "#14b9d6"
    }];
    $scope.gem = [{
        name: "Thomas"
    }, {
        name: "Sebastian"
    }, {
        name: "June"
    }, {
        name: "Yuvan"
    }];
});  

预期输出

---

小提琴的输出完全相同，没有第一次ng重复：

根据您的描述而不是代码：

<div ng-app="myapp">
    <div ng-controller="Mycont">
        <div ng-repeat="knobs in knobItems">
            <div ng-repeat="(key, value) in knobs">{{value.knobTitle}} : {{value.knobColor}}
                <div ng-repeat="gemItem in gem">{{gemItem.name}}</div>
            </div>
        </div>
    </div>
</div>  

{{value.knobTitle}}:{{value.knobColor}
{{getem.name}

简易修复：

{{value.knobTitle}}:{{value.knobColor}

{{value.knobTitle}}:{{value.knobColor}

如果

{{{geItem.name}}

是first

ng repeat

div的一个属性，比如

，我能达到同样的效果吗？对不起，克里斯，我没有很好地阐述这个问题。我已经做了一个编辑，并添加了一个图像，以显示我想要实现的目标。这非常简单。如果我必须将值作为first

ng repeat

的属性值，例如

希望您能理解我的想法，我可以使用相同的方法吗？谢谢Mikey，将此标记为答案。对不起，克里斯误导了你。你的回答也很有帮助。我查看了文档，他们在那里使用了

$index

。只要行得通，我就坚持下去。但是，嘿，谢谢你的回答。我希望这也能起作用。是的，当然，文档提供了确切的解决方案。继续吧。

<div ng-app="myapp">
    <div ng-controller="Mycont">
        <div ng-repeat="knobs in knobItems">
            <div ng-repeat="(key, value) in knobItems.nums">{{value.knobTitle}} : {{value.knobColor}}
                <div ng-bind="gem[$index].name"></div>
            </div>
        </div>
    </div>
</div>

    <div ng-app="myapp">
        <div ng-controller="Mycont">
             <div ng-repeat="(key, value) in knobItems.nums">{{value.knobTitle}} : {{value.knobColor}}
                 <div ng-bind="gem[key].name"></div>
             </div>
        </div>
    </div>