How to escape a filter variable in AngularJS?

Question

I want to escape the single quotes in the unique filter in angular but I can't, I've tried it in the following ways. If the field wouldn't have a hyphen I could do attrbutes.displayname and it will work (I've tried it), but I have a hyphen...

Example:

<select ng-model="style" ng-options="block.attributes['display-name'] for (blockName, block) in styleBlocks | unique:'attributes[\'display-name\']'">

<select ng-model="style" ng-options="block.attributes['display-name'] for (blockName, block) in styleBlocks | unique:'attributes[\\'display-name\\']'">

Answer 1

Use the Unicode escape \u0027 for single quotes:

'attributes[\u0027display-name\u0027]'

References

• Unicode support was introduced in JavaScript 1.3

• ECMAScript 2015: Table 34 — String Single Character Escape Sequences

• AngularJS source: parseSpec.js - "it should tokenize unicode"

• Canonicalization, locale and Unicode