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["フーバー"]