JavaScript 一段 HTMLBars 的 slide

darkbaby123 · January 25, 2014 · Last by wujichao replied at February 03, 2014 · 4521 hits

地址见这里: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 模板语言还是跟玩具一样

You need to Sign in before reply, if you don't have an account, please Sign up first.