AngularJS how to dynamically update part of scope with variable

Question

I am trying to update one of my scope properties dynamically

I have a scope property that looks like this

$scope.content.portrait_description.data

But the portrait_description needs to be able to be replaced by a variable called name, like this

$scope.content.name.data

and in this case, the name variable is equal to portrait_description.

When I try this it doesn't work, i've also tried $scope.content. + name + .data and $scope.content.{{name}}.data but neither work. Is there anyway to make this work?

Dalorzo · Accepted Answer · 2014-07-25 20:12:01Z

3

Objects in Javascript works like array or dictionaries do this instead:

var varname = "somePropertyName";
$scope.content[varname].data = "hello";

answered Jul 25, 2014 at 20:12

Dalorzo

20k7 gold badges57 silver badges102 bronze badges

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

Comments

tymeJV · Accepted Answer · 2014-07-25 20:10:56Z

2

Use bracket notation:

$scope.content[name].data

answered Jul 25, 2014 at 20:10

tymeJV

105k14 gold badges165 silver badges158 bronze badges

2 Comments

tymeJV Over a year ago

@MitchGlenn -- You didnt use the code above, you have a . after content - remove it. It's NOT: $scope.content.[name].data = data.data;, it's : $scope.content[name].data

Mitch Over a year ago

I just realized that! Thanks

Collectives™ on Stack Overflow

AngularJS how to dynamically update part of scope with variable

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related