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 — Julien
– Julien, Commented May 1, 2014 at 15:37
maybe you can add more context? it looks like yourvar['your key'] should be enough — Eduard Gamonal
– Eduard Gamonal, Commented May 1, 2014 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
– stanlick, Commented May 1, 2014 at 16:14

JoseM · Accepted Answer · 2014-05-01 16:35:54Z

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 1, 2014 at 16:35

JoseM

4,3022 gold badges26 silver badges35 bronze badges

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

1 Comment

stanlick Over a year ago

thanks JoseM. That was maybe the only permutation I hadn't thought about. Very strange.

Collectives™ on Stack Overflow

Syntax for Angular expression where JSON key has an embedded blank

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related