Using knockout with property names containing ":" (or other special characters)

Question

I am using knockout data binding to render an editor for a string => string dictionary. However, I'm running into trouble when dictionary keys contain special characters such as colon. Is there a way to "escape" a property name or special character such that knockout will bind properly? For example, the following does not bind properly:

<p data-bind="text: foo::bar" />

I am using version 2.1.0 of knockout

Your binding is incorrect should be data-bind= also – PW Kad May 19 '14 at 20:15 — PW Kad, May 19 '14 at 20:15

score 6 · Accepted Answer · edited May 23 '17 at 12:14

6

You need to use $data to access the currently bound object and from there the array indexer syntax to access any of its properties which are containing special characters:

<p data-bind="text: $data['foo::bar']" />

Demo JSFiddle.

edited May 23 '17 at 12:14

Community

1
1

answered May 19 '14 at 20:16

nemesv

138,284
16
416
359

Using knockout with property names containing ":" (or other special characters)

1 Answers1

Linked