Multiple scope binding in AngularJS

Question

I have two scope variables in my controller.

$scope.list = {title: 'Lorem Ipsum'}

$scope.data = {'Lorem Ipsum' : {'keys': 'values'}}

In my view I want to access :

<div>{{data['list.title'].keys}}</div>

This is kind of requirement, I dont want {{data['Lorem Ipsum']}} which actually works but there are some dynamic binding that i need to do. Any help?

DRiFTy · Accepted Answer · 2014-04-07 14:48:57Z

3

Remove the single quotes from your array index:

<div>{{data[list.title].keys}}</div>

answered Apr 7, 2014 at 14:48

DRiFTy

11.4k11 gold badges63 silver badges78 bronze badges

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

2 Comments

Aditya Sethi Over a year ago

Getting empty object like {{}}

DRiFTy Over a year ago

I've just tested this with your example data, and the text "values" shows up in the div for me as expected... Is what you've provided, exactly the same data you're using?

Alexandre TRINDADE · Accepted Answer · 2014-04-07 14:53:31Z

1

Do just:

<div>{{data[list.title].keys}}</div>

answered Apr 7, 2014 at 14:53

Alexandre TRINDADE

95710 silver badges22 bronze badges

2 Comments

Aditya Sethi Over a year ago

Getting empty object like {{}}

Aditya Sethi Over a year ago

I know what exactly it is, Thanks buddy

Collectives™ on Stack Overflow

Multiple scope binding in AngularJS

2 Answers 2

2 Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Related