Угловые ng-повторные и динамические свойства

Question

У меня есть php-объект, который я передаю в функцию через функцию. Этот объект имеет несколько свойств, таких как: paragraphe1, paragraphe2, paragraphe3 до 8.

я стараюсь, чтобы отобразить его с нг-повтора цикла, как:

<div ng-repeat="i in [1,2,3,4,5,6,7,8]"> 
Paragraphe {{i}} >> {{paragraphe+i}} 
</div> 

Это показывает:

• Paragraphe 1 >> 1
• Paragraphe 2 >> 2
• ...
• Paragraphe 8 >> 8

вместо содержания paragraphe1, .... 8

Спасибо за вашу помощь. FX

Answer 1

Если предположить, что определение пункта является:

$scope.paragraph = { 
    paragraph1: 'lorem ipsum 1', 
    paragraph2: 'lorem ipsum 2', 
    paragraph3: 'lorem ipsum 3', 
    // ... 
} 

Шаблон должен выглядеть следующим образом:

<div ng-repeat="i in [1,2,3,4,5,6,7,8]"> 
    Paragraphe {{i}} >> {{paragraph['paragraph' + i]}} 
</div> 

См js fiddle

Answer 2

Вместо передачи значений жестко закодированные вы можете сделать использование пары ключей, значений в ng-повторе

вид:

<div ng-app="myApp" ng-controller="demoCtrl"> 
    <div ng-repeat="(key, value) in paragraph"> 
    {{key}} >> {{value}} 
    </div> 
</div> 

JS:

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

// filter 
app.filter('dayFilter', function() { 
    return function(input) { 
    var filterFunction = function (item) { 
     return item.days >= 1 && item.days <= 7; 
    }; 
    return input.filter(filterFunction); 
    }; 
}); 

//controller 
app.controller('demoCtrl', function ($scope) { 
    $scope.paragraph = { 
    paragraph1: 'lorem ipsum 1', 
    paragraph2: 'lorem ipsum 2', 
    paragraph3: 'lorem ipsum 3' 
    } 
});