角度ng重复和动态属性

Question

我有一个php对象，我通过函数传递给ng。该对象有几个特性，例如：paragraphe1，paragraphe2，paragraphe3高达8

我尝试与像一个NG-重复循环以将其显示：

<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-repeat中的键值对，

观点：

<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' 
    } 
});