对象angularjs上的ng-repeat

时间:2016-09-16 21:18:20

标签: javascript angularjs object angularjs-ng-repeat

我有一个像这样的对象

class CComplex{
public:
double x,y;
CComplex() {}
CComplex(double a, double b) : x(a), y(b) {}
};

CComplex operator+ (const CComplex&  lhs, const CComplex&  rhs){
CComplex temp;
temp.x = lhs.x + rhs.x;
temp.y = lhs.y + rhs.y;
return temp;
}

CComplex operator+ (const CComplex&  lhs, const double&  rhs){
CComplex temp;
temp.x = lhs.x + rhs;
temp.y = lhs.y;
return temp;
}

CComplex operator* (const CComplex&  lhs, const CComplex&  rhs){
CComplex temp;
temp.x = lhs.x * rhs.x-lhs.y*rhs.y;
temp.y = lhs.x*rhs.y+lhs.y*rhs.x;
return temp;
}

CComplex operator* (const CComplex&  lhs, const double&  rhs){
CComplex temp;
temp.x = lhs.x * rhs;
temp.y = lhs.y*rhs;
return temp;
}

CComplex operator- (const CComplex&  lhs, const CComplex&  rhs){
CComplex temp;
temp.x = lhs.x - rhs.x;
temp.y = lhs.y - rhs.y;
return temp;
}

CComplex operator- (const CComplex&  lhs, const double&  rhs){
CComplex temp;
temp.x = lhs.x - rhs;
temp.y = lhs.y;
return temp;
}

我在elements数组和partner and instructors数组中有相同的项。我只放了2件只是为了展示,可能会有很多。

Obj.elements [0]与Obj.linked.partners [0]和Obj.linked.instructors [0]相关。同样地,对于第一,第二,第三.....项也是如此。

如何重复此对象,以便我可以显示

Obj.elements [i] Obj.linked.partners [i] Obj.linked.instructors [i]

一次在html模板中?

2 个答案:

答案 0 :(得分:5)

如果您的元素,合作伙伴和教师数组的长度始终相同,并且您希望将名称连接在一起,则可以尝试使用此类名称。

<div ng-repeat="element in Obj.elements">
    {{element.name}} {{Obj.linked.partners[$index].name}} {{Obj.linked.instructors[$index].name}}
</div>
Angular在ng-repeat中使用

$ index来跟踪迭代对象时的位置。以下是文档:ng-repeat

答案 1 :(得分:1)

ng-repeat包含$index范围变量:

<ANY ng-repeat="element in model.elements">
   <span ng-bind="element.name"></span>
   <span ng-bind="model.linked.partners[$index].name"></span>
   <span ng-bind="model.linked.instructors[$index].name"></span>
</ANY>