JavaScript 一段 HTMLBars 的 slide

darkbaby123 · 2014年01月25日 · 最后由 wujichao 回复于 2014年02月03日 · 4543 次阅读

地址见这里:HTMLBars

HTMLBars 是基于 Handlebars 之上的一个模板引擎,它改用生成 dom 而非 string 的方式,在 Handlebars 的基础上提供更灵活语法,和更高的性能。目前这个玩意还在开发中。一旦完成,Ember 将用它替换 Handlebars。当然它也可以单独使用。

抄段例子更直观:

<!-- This is our ideal, right? -->
<div class="{{foo}}">{{bar}}</div>

<!-- but this is what we have to do in Ember today -->
<div {{bind-attr class="foo"}}>{{bar}}</div>

<!-- With HTMLBars, we get our ideal syntax! -->
<div class="{{foo}}">{{bar}}</div>

更多信息去看 slide 吧,如果对模板引擎的实现原理有兴趣,可以看看这篇 ARCHITECTURE

这玩意几时完成?

感谢分享。

没用过 Ember, 不过第一个例子的语法不是可以在 Handlebars 里面直接用吗?

如果 angular 的模板引擎单独抽出来用好像也不错

@JeskTop 不知道,今年之内应该有希望,不至于像 Ember Data 一样拖几年…… @billy 普通内容可以,但 class="{{foo}}"" 是不能用的,只能通过 bind-attr helper 去完成。

@billy 突然想起来了,可能单独使用 Handlebars 这样写没问题,但在 Ember 里就不行了,因为 Ember 为了 data binding 会生成 script 标签包裹内容。slide 里面那一堆带 script 的例子就是……

非常期待!

Ember 模板语言还是跟玩具一样

需要 登录 后方可回复, 如果你还没有账号请 注册新账号