En En

Хелперы разработки


Хелперы разработки

В Handlebars и Ember есть несколько хелперов, которые упрощают разработку шаблонов. Эти хелперы облегчают вывод переменных на консоль браузера или запуск отладчика из шаблонов.

Запись

Хелпер {{log}} упрощает вывод переменных или выражений в текущем отображенном контексте на консоль браузера:

{{log 'Name is:' name}}

Также хелпер {{log}} принимает элементарные типы данных, например строки или числа.

Добавление точки прерывания

Хелпер {{debugger}} предоставляет Handlebars - эквивалент ключевого слова debugger из JavaScript. С помощью хелпера debugger можно остановить выполнение программы и проверить текущий отображенный контекст:

{{debugger}}

При использовании хелпера debugger вы получите доступ к функции get. Эта функция извлекает значения, которые доступны в контексте шаблона. Например, если вас интересует, почему значение {{foo}} не отображается внутри шаблона, как ожидалось, разместите выражение {{debugger}}, и когда будет достигнута точка прерывания debugger;, вы сможете попытаться извлечь это значение:

> get('foo')

Функция get также понимает ключевые слова. Поэтому в такой ситуации:

{{#each items as |item|}}
  {{debugger}}
{{/each}}

вы сможете получить значения из текущего элемента:

> get('item.name')

Еще вы можете получить доступ к контексту представления и убедиться, что это тот объект, который вы ожидаете:

> context

Комментарии (0)

    Выделите опечатку и нажмите Ctrl + Enter, чтобы отправить сообщение об ошибке.