返回介绍

模板 - 开发助手

发布于 2020-02-21 15:48:02 字数 1138 浏览 988 评论 0 收藏 0

英文原文:http://emberjs.com/guides/templates/development-helpers/

开发助手

Handlebars和Ember中定义了一些可以简化开发模板的助手。这些助手可以方便的将变量输出到浏览器的控制台中,或者在模板中激活调试。

日志

{{log}}助手可以方便的将当前渲染上下文中的变量、表达式输出到浏览器的控制台中:

1
{{log 'Name is:', name}}

{{log}}助手还支持原生类型,例如字符串和数字。

添加断点

{{debugger}}助手为Handlebars提供了与Javascript中debugger关键字一样的功能。它将在{{debugger}}助手里面暂停应用的执行,从而可以能够查看当前渲染的上下文:

1
{{debugger}}

在该助手被调用之前,定义了两个非常有用的变量:

  • templateContext:获取到的变量的当前上下文。比如一个控制器。
  • typeOfTemplateContext:一个字符串表明templateContext的类型。

例如,如果想知道为什么一个变量没有在模板中显示,就可以使用{{debugger}}助手。当执行到断点处,就可以在控制台中使用templateContext来查看属性:

1
2
> templateContext.get('name')
"Bruce Lee"

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文