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

Question

我已经设置fiddle来很好地解释我的问题。我希望显示$scope.gem内ng-repeat内的名称[每个ng-repeat只有一个名称，并且不会循环所有] $scope.knobItems而不延长{{1} }} 范围。我希望通过维持现在控制器的确切结构来实现这一点。我是棱角分明的新手。我只是想知道这是否可能有角度，如果是一个很好的做法。

查看

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>  

预期输出

Answer 1

在没有第一次重复重复的情况下，小提琴中的输出完全相同：http://jsfiddle.net/2nrbrfxL/

按照说明而不是代码：

<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>  

http://jsfiddle.net/p2fuq2du/

Answer 2

轻松修复：fiddle

<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>

Answer 3

    <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>