角纳克-重复和动态特性
角纳克-重复和动态特性
提问于 2015-10-14 10:14:34
我有一个php对象，通过函数传递给ng。该对象具有几个属性，例如: paragraphe1、paragraphe2、最多可达8的paragraphe3。
我尝试用ng重复循环来显示它，如下所示：
<div ng-repeat="i in [1,2,3,4,5,6,7,8]">
Paragraphe {{i}} >> {{paragraphe+i}}
</div>它显示：
- 副伤风1 >> 1
- 副伤风2 >> 2
- ..。
- 副翼8 >> 8
而不是paragraphe1的内容，....8
谢谢你的帮助。FX
回答 2
Stack Overflow用户
发布于 2015-10-14 10:21:33
假设您的段落定义是：
$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小提琴
Stack Overflow用户
发布于 2015-10-14 12:39:30
而不是传递硬编码的值，您可以使用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'
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33122638
复制相关文章
相似问题
腾讯云开发者
