AngularJs:如何对像ng-init这样的多个变量进行ng-repeat可以做什么?

时间:2017-01-13 02:13:31

标签: javascript angularjs

使用ng-init,您可以使用多个变量:

ng-init="var1=value1; var2=value2"

我尝试了与ng-repeat类似的东西,但它没有工作

ng-repeat= "var1 in var1s; var2 in var2s"

有没有办法用正确的语法这样做?

更新:我想将var1用于header,将var2用于手风琴http://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_accordion的内容

2 个答案:

答案 0 :(得分:3)

正如其他人所说,ng-repeat仅适用于单个变量。但是一种解决方法是在单个对象上使用ng-repeat,该对象具有两个键,每个键对应一个您想要访问的变量。视图可能如下所示:

<div ng-repeat="data in dataObject">
    {{data.var1}} {{data.var2}}
</div>

在您的控制器中,范围变量dataObject将有两个(或更多)键,一个名为var1,另一个名为var2

答案 1 :(得分:1)

,你无法使用像ng-init那样的半结肠分离的两个ng重复变量。

ng-repeat 仅适用于作为数组的单个变量。如果您想重复两个不同的数组,可以使用 nested-ng-repeat

否则,使用 key,value 将两个数组合并为一个数组。然后你就可以对键,值进行ng-repeat并访问它们。

<强> DEMO USING NESTED NG-REPEAT