javascript - 如何在 Angular 中逃离空间？

Question

我有一个这样的对象：

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

在我的 Jade 模板中，我有：

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

问题是，输出是：

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

但它应该是：

1: bar
2: Bar

为什么会出现这个问题？我该如何解决？

Answer 1

你可以像这样访问它

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

Answer 2

Angular JS 或任何访问带有空格的属性名称的方法，您需要使用这样的[]符号

对象[“键名”]

所以在你的情况下

foo["Foo 酒吧"]