有没有办法动态地将Handlebars变量添加到Ember JS .hbs模板中的注释?

时间:2015-11-23 07:07:14

标签: javascript jquery html css ember.js

通过EmberCLI学习EmberJS,事情进展顺利。我现在开始将自己的HTML分类和CSS添加到一些测试项目中,看到这些动态的Handlebars模板与我自己的内容一起变得非常有意义。我的环境如下:

  • Ember CLI版本: 1.13.12
  • 节点JS版本: 4.2.2
  • NPM(节点包管理器)版本: 2.14.10
  • 守望者: 4.1.0

无论如何,当我创建自己的静态HTML / CSS设置时,我喜欢做的一件事是添加一个结束注释DIV,这样就可以更容易地跟踪发生了什么。例如,具有类NotificationCompat.Builder mBuilder = new NotificationCompat.Builder(con) .setSmallIcon(image) .setContentTitle("title") .addAction(icon, title, mPendingIntent) 的DIV可能是这样构造的:

FooBar

当我将事情转移到开发的所有阶段 - 沙盒,开发,登台和生产时,我想保留<div class="FooBar"></div><!-- .FooBar --> 附加到DIV结束标记以进行调试。所以我的EmberHS Handlebars组件模板设置如下:

<!-- .FooBar -->

我现在遇到的问题是,当<div class="{{class}}"></div><!-- .{{class}} --> 正确获取<div class="{{class}}">值,从而使其成为FooBar时,结束<div class="FooBar">会使用Handlebars模板占位符进行渲染它看起来像这样:

</div><!-- .{{class}} -->

我认为EmberJS或Handlebars正在跳过评论区域(<div class="FooBar"></div><!-- .{{class}} --> ),因为它是一个评论区域,但是有什么方法可以保留该评论,并将该类动态添加到评论中?或者这是一个失败的原因?

this question检查我们的答案后 - 特别是this answer - 我试图将代码更改为:

<!--  -->

哪些似乎可以工作,但现在发生的所有事情都是在渲染时完全删除了注释,因此最终输出看起来像这样:

<div class="{{class}}"></div>{{!-- .{{class}} --}}

0 个答案:

没有答案