入门指南 获取Ember 概念 对象模型 应用 模板 路由 组件 控制器 模型 视图 枚举 测式 配置Ember.js COOKBOOK 理解Ember.js

发布于 2015-08-18 16:28:39 | 315 次阅读 | 评论: 0 | 来源: 网络整理

开发助手

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"
 
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务