Угловая оценить имя переменной

Question

У меня есть следующий цикл:

$scope.loop = ['loopone','looptwo']; 

$scope.loopone = {'one', 'two'}; 
$scope.looptwo = {'three', 'four'}; 

и я перекручивание через него здесь:

<div ng-repeat="slug in loop"> 
    <div ng-repeat="val in {{ slug }}">{{ val }}</div> 
</div> 

Как оценить {{ slug }} внутри второго ng-repeat?

Answer 1

Используйте javascript's bracket notation для доступа к собственности с именем ключа. Вы можете привязать результат функции контроллера, чтобы захватить правильный массив. Таким образом, разметка может выглядеть следующим образом:

<div ng-repeat="slug in loop"> 
    Slug: {{slug}} 
    <div ng-repeat="val in getValuesFromSlug(slug)">{{ val }}</div> 
</div> 

И на JavaScript:

$scope.getValuesFromSlug = function (slug) { 
    return $scope[slug]; 
} 

Demo on plunker

Answer 2

Использование может ANGULAR оценить $eval() метод, и он будет решать ваши проблемы

<div ng-repeat="slug in loop"> 
    <div ng-repeat="val in $eval(slug)">{{ val }}</div> 
</div> 

Как упоминалось в @ryanyuyu, $scope.loopone и $scope.looptwo должен быть массив

$scope.loopone = ['one', 'two']; 
$scope.looptwo = ['three', 'four']; 

Answer 3

Если вы собираетесь иметь древовидную структуру, на ваш взгляд, было бы проще всего, чтобы он быть деревом в контроллере, а также.

Пример:

В контроллере:

$scope.loops = [ 
    [1,2,3], [4,5,6] 
]; 

В свете:

<div ng-repeat="miniloop in loop"> 
    <div ng-repeat="val in miniloop">{{ val }}</div> 
</div> 

Это чрезвычайно легко перебирать, и вы можете нажать и удалить элементы из любой глубины с легкостью (что сразу будет отражено в представлении).

Как вы это делали, пытаясь использовать постоянные переменные, как если бы они были динамически созданы, приведет вас к пути кода спагетти и непередаваемости.