angular dynamic property name in nested ng-repeat

Question

I'm wondering is there any way to add dynamically generated names in nested ng-repeat, for example:

    <div ng-repeat="x in JSONfile">
      <div ng-repeat="i in x.name">
         <span><a ng-href="{{i.link}}">{{i.name}}</a></span>
      </div>
    </div>

JSONfile: returns some names,

x.name is dynamically generated from the mentioned JSONfile, and it should be used as a plain text like "NAME", if I add NAME instead of i.name I get the json file loaded, but i want it automatically loaded, because I don't know which of the names will come first.

the i.name returns this:

n

a

m

e

not "NAME" as it should..

So, the question is, is there any way to tell angular that i want this dynamically generated value to be looked as I typed it?

PS. x.name loads a JSON file with some info about a person.

If i type ng-repeat="i in Tom" it will return the json, but with x.name it doesn't work.

Thanks!

EDIT (added json):

var brojVijesti = [ ];
$scope.JSONfile = brojVijesti;

            // LNG Json
            $http.get("/LEADERBOARDv2/jsons/LNG.php").then(function(response) {
                var LNG = response.data.LNG;
                $scope.LNG = LNG;
                $scope.LNGbroj = LNG.length;
                brojVijesti.push({"name":"LNG", "number":LNG.length});
            });

            // DT JSON
            $http.get("/LEADERBOARDv2/jsons/DT.php").then(function (response) {
                var DT = response.data.DT;
                $scope.DT = DT;
                $scope.DTbroj = DT.length;
                brojVijesti.push({"name": "DT", "number": DT.length});
            });

why dont you just use x.name why r you looping around name? — Manish Kumar
– Manish Kumar, Commented Feb 14, 2017 at 14:47
@manish : I need to get LNG, or DT, from $scope. LNG and DT and many others, are generated dynamically. — Nico Letterman
– Nico Letterman, Commented Feb 14, 2017 at 15:06

matt · Accepted Answer · 2017-02-15 14:36:14Z

3

I believe you want i in x not i in x.name

Edit: You can then use the $parse dependency which will grab the variable of that specific name from $scope.

<div ng-repeat="x in JSONfile">
  <div ng-repeat="i in x">
    <span><a ng-href="{{i.link}}">{{getVariable(i.name)}}</a></span>
  </div>
</div>

JS:

$scope.getVariable = function(variableName) {
   //evaluate the variable name in scope's context.
   return $parse(variableName)($scope); 
}

edited Feb 15, 2017 at 14:36

answered Feb 14, 2017 at 14:49

matt

1,7531 gold badge13 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Nico Letterman Over a year ago

I want i in x.name, because that gives a list of names for the x in the first round of a loop.

matt Over a year ago

@NicoLetterman So are you trying to get the name of "DT" and then call the $scope.DT variable in order to get the list of names found in "DT"/"LNG"?

Nico Letterman Over a year ago

Yep, exactly, that is what I want to achieve.

Nico Letterman Over a year ago

Thanks a lot! This is what I was looking for. :)

Collectives™ on Stack Overflow

angular dynamic property name in nested ng-repeat

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related