angularjs - how to access variable attribute name by another variable

Question

I was looking for hours, and couldn't find a solution for this.

I have the following:

var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
    $scope.varName = "x";
    $scope.x = "Hello World!";
}

Now, I need to access x, but its name is in another variable, something like:

<td>{{ {{ varName }} }}</td>

Which doesn't work. Some other variations also didn't work.

Any idea if that is even possible?

user2879704 · Accepted Answer · 2015-09-25 18:50:00Z

1

Use a map in the controller to store such objects as,

$scope.dynaMap.x = "Hello world"

In the html code, do

<td>{{ dynaMap[varName] }}</td>

Here, i assume varName is x

answered Sep 25, 2015 at 18:50

user2879704

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

Comments

ach · Accepted Answer · 2015-09-25 18:51:16Z

0

app.controller('customersCtrl', function($scope, $http) {
    $scope.varName = "x";
    $scope.x = "Hello World!";
    $scope.getValueFromScopeProperty = function(propName) {
        return $scope[propName];
    };
}

and then:

<td>{{getValueFromScopeProperty(varName)}}</td>

answered Sep 25, 2015 at 18:51

ach

6,2541 gold badge27 silver badges28 bronze badges

Collectives™ on Stack Overflow

angularjs - how to access variable attribute name by another variable

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related