AngularJs：如何对多个变量（例如ng-init）执行ng-repeat？

Question

With ng-init you can use multiple vars:

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

I tried something similar with ng-repeat but it doesn't work

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

Is there a way to do so with a correct syntax ?

Update: I want to use var1 for header and var2 for content of an accordion http://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_accordion

Answer 1

As others have said, ng-repeat only works over a single variable. But one workaround would be to use ng-repeat over a single object which has two keys, one for each variable you want to access. The view might look like this:

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

In your controller, the scoped variable dataObject would have two (or more) keys, one called var1 and the other var2 .

Answer 2

No , There is no way you can use two ng repeats variable with a semi colon separation like ng-init.

ng-repeat only works with single variable which is an array. If you want to have ng repeat for two different arrays, you could use nested-ng-repeat .

Otherwise merge your two arrays as one using key,value . Then you will be able to do ng-repeat over key,value and access them.

DEMO USING NESTED NG-REPEAT