Dojo Localization - data-dojo-props терпит неудачу, когда локализованная строка содержит одинарную цитату

Question

Я пытаюсь локализовать шаблон dojo, и я сталкиваюсь с проблемой, когда локализованная строка содержит одиночную кавычку.

Мой шаблон выглядит следующим образом:

<div> 
    <select data-dojo-props="label:'${i18n.mySelectorLabel}'" 
      > 
    </select> 
</div> 

и связанная с ним линия в комплекте ресурсов для французского языка выглядит примерно так:

"mySelectorLabel" : "d'élément :", 

Это было мое ожидание, что додзё шаблонной система будет справляться с единой цитатой, представленной во французском слове «element», без дополнительного экранирования в наборе ресурсов.

Выполнение кода моих результатов в следующей ошибке:

dojo/parser::parse() error Error: SyntaxError: Expected '}' in data-dojo-props='label:'d'élément :'' 

Очевидно, что апостроф не был надлежащим образом спасся, но я не знаю, где моя ошибка лежит. Казалось бы странным избегать одиночной цитаты внутри строки в наборе ресурсов.

Answer 1

Посмотрите, как работает парсер додзё, похоже, что он передает значение атрибута data-dojo-props в eval. Вы в конечном итоге с чем-то вроде этого:

eval("{" + "label:'${i18n.mySelectorLabel}'" + "}"); 

Казалось бы, это подразумевает, что этот вопрос описано в вопросе является фундаментальным ограничением додзё.

Обходной путь, предложенный vogomatix, работает специально для «персонажа», но на него влияет используемый minifier. Uglify в порядке, но Dojo ShrinkSafe - нет.

С тех точек, в виду, что решения, которые мы придумали следующие:

1. Побег символ в комплекте ресурсов.
2. Набор этикеток явно
   <select label="${i18n.mySelectorLabel}">
3. Используйте присоединять точку, чтобы установить метку программно.

Мы пошли с вариантом 2. Не идеально, но продемонстрировали, что работаем как с Dojo 1.7, так и с Dojo ShrinkSafe и Dojo 1.10 с Uglify.

Answer 2

Я просто собираюсь бросить это там спекулятивно. Попробуйте реверсирования использования одиночных и двойных кавычек в шаблоне:

<div> 
    <select data-dojo-props='label:"${i18n.mySelectorLabel}"'> 
    </select> 
</div> 

Обновления: К сожалению, это не работает все время, либо - см комментариев по ОП для дальнейшего объяснения.