當父ng-repeat是另一個對象時訪問祖父母ng-repeat對象

Question

我想以角度方式訪問ng-repeat項目的祖父母對象。

我正在努力做到這一點。

正如你可以從下面看到的，我想顯示父對象的文本。

這是一個淡化版本，我正在尋找一種方法來使它像頂級示例一樣工作，或者爲什麼它不起作用。

這是DOM。

<div ng-app ng-controller="MyCtrl"> 
<!-- this is the one i cannot get working --> 
    <div> 
    <div class="copyData" ng-repeat="copy in copyDatabase"> 
    <div ng-repeat="header in masterHeaders"> 
     <div ng-repeat="test in copy.Translations"> 
     set 1: {{test.LanguageAbreviation}} 
     </div> 
    </div> 

    <div> 
    <!-- this one does work but i need the item from the masterHeaders --> 
    <div class="copyData" ng-repeat="copy in copyDatabase"> 
    <!-- <div ng-repeat="header in masterHeaders"> --> 
     <div ng-repeat="test in copy.Translations"> 
     set 2 : {{test.LanguageAbreviation}} 
     </div> 
     <!--</div>--> 
    </div> 
    </div> 

這裏是JSON對象

function MyCtrl($scope) { 
    $scope.copyDatabase = { 
    "data": { 
     "Language": "English", 
     "Translations": [{ 
     "LanguageID": 308, 
     "LanguageName": "Arabic - Libya", 
     "LanguageAbreviation": "ar-LY", 
     "AvailableLanguages": [{ 
      "ID": 308, 
      "Name": "Arabic - Libya" 
     }] 
     }, { 
     "LanguageID": 307, 
     "LanguageName": "Arabic - Egypt", 
     "LanguageAbreviation": "ar-EG", 
     "AvailableLanguages": [{ 
      "ID": 307, 
      "Name": "Arabic - Egypt" 
     }] 
     }] 
    } 
    } 
} 

我也做了一個JS搗鼓你們。

http://jsfiddle.net/u7hk0qvj/5/

Answer 1

需要具備：

$scope.masterHeaders = { 
    "home": "home", 
    "contact": "contact" 
} 

對象也在控件中，如果angular找不到對象，它將不會加載任何DOM元素在ng-repeat中。

工作撥弄

http://jsfiddle.net/u7hk0qvj/8/

Answer 2

看着你的jsfiddle，你有一個基礎的錯誤，角沒有找到您MyCtrl。您需要聲明爲角度組件。

您正在創建一個全球性的funcion MyCtrl，但這不是角上下文中，例如：

var myApp = angular.module('myApp',[]); 

myApp.controller('GreetingController', ['$scope', function($scope) { 
    $scope.greeting = 'Hola!'; 
}]); 

你可以看到更多信息here