Nested ng-binding with angularJS

Question

I have some html that has data binded that needs to be dynamic, here is an example of the type of thing I'm looking for.

Basically I want to be able to get the user.female.firstName, or user.male.firstName but I wont know what the gender is until I run another function.

<h1>{{user.{{gender}}.firstName}}</h1>

Also how would gender look?

$scope.gender = 'female';
$scope.gender = female;

is something like this even possible?

Genti Saliu · Accepted Answer · 2014-05-07 20:26:25Z

4

For the HTML it would suffice:

<h1>{{user[gender].firstName}}</h1>

The JavaScript:

$scope.gender = 'female';

Here's a JsFiddle:

http://jsfiddle.net/zftLR

answered May 7, 2014 at 20:26

Genti Saliu

2,7234 gold badges24 silver badges45 bronze badges

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

Collectives™ on Stack Overflow

Nested ng-binding with angularJS

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related