How do you escape a space in Angular?

Question

I have an object like this:

foo = {"Foo Bar":"bar","Foo":"Bar"};

In my Jade template I have:

p 1: {{foo.Foo Bar}}
p 2: {{foo.Foo}}

Problem is, the output is:

1: {{foo.Foo Bar}} 
2: Bar

But it should be:

1: bar
2: Bar

Why is this problem happening? How do I fix this?

Answer 1

You can access it like this

p 1: {{foo["Foo Bar"]}}