AngularJS-动态ng重复表达式

Question

I want to make a dynamic page, that depending of some aspects shows one list or another list, both arrays have different variable names. I tried to use somethings to put dynamic ng-repeat expression but without success.

Anyone has some suggestion? I made a fiddle to explain what i need.

<div ng-repeat="item in itemsToShow" >
    <!--THIS IS THE EXPRESSION THAT I WANT DYNAMIC-->
 {{item.name}}, {{item.title}}

[fiddle] http://jsfiddle.net/eTTZj/867/

Answer 1

You could use operators :

    <div ng-repeat="item in itemsToShow" >
     {{item.name || item.firstname}},  {{item.title || item.titleBig}}
   </div>

This will pick the existing property in your list.

If it's unsunstainable for many, many lists you can also do this:

<div ng-repeat="item in itemsToShow"></div>
    <div ng-repeat="(key, value) in item">
        {{key}} : {{value}}
    </div>
</div>

Answer 2

I've updated your JSFiddle . When you want to be 'dynamic', just code the logic inside the controller and set the $scope.itemsToShow with different arrays, so your view hasn't to change.

Like this:

....
var show_items_2 = true;
/*Whatever you want to do here*/
if(show_items_2) {
   $scope.itemsToShow = items2;
} else {
    $scope.itemsToShow = items;
}

When you want to have different keys inside your array ('name' and 'nameBig'), you have to access the items differently (through (key, value)). See this SO question here .

<div ng-repeat="item in itemsToShow"></div>
<div ng-repeat="(key, value) in item">
    {{key}} : {{value}}
</div>