Syntax for Angular expression where JSON key has an embedded blank

Question

I am working with a trading partner who sends me JSON with embedded spaces in the keys. For example

[{"BANK ID":89769876976,"Account Number":789698769876,"Account Type":"CHECKING","Balance":1187.65...

and I cannot find a way to access the keys using angular {{ }} expressions. Any clues?

possible duplicate of [Accessing JSON object keys having spaces](http://stackoverflow.com/questions/10311361/accessing-json-object-keys-having-spaces) — Julien, May 01 '14 at 15:37
maybe you can add more context? it looks like yourvar['your key'] should be enough — Eduard Gamonal, May 01 '14 at 16:00
I have tried {{'t.BANK ID'}} {{['t.BANK ID']}} {{t.[BANK ID]}} and {{t.['BANK ID']}} and none of them work. If I change the JSON key to BANK_ID, it works great! — stanlick, May 01 '14 at 16:14

score 4 · Accepted Answer · answered May 01 '14 at 16:35

4

You can just use the bracket notation (without the dot)

<div ng-repeat="acct in accounts">
  Bank Id: {{ acct['BANK ID'] }},
  Account Number: {{ acct['Account Number'] }}, 
  Type: {{ acct['Account Type'] }},
  Balance: {{ acct.Balance }}
</div>

Here is a Demo

answered May 01 '14 at 16:35

JoseM

4,302
2
24
35

thanks JoseM. That was maybe the only permutation I hadn't thought about. Very strange. – stanlick May 01 '14 at 17:13

Syntax for Angular expression where JSON key has an embedded blank

1 Answers1