通过EmberCLI学习EmberJS,事情进展顺利。我现在开始将自己的HTML分类和CSS添加到一些测试项目中,看到这些动态的Handlebars模板与我自己的内容一起变得非常有意义。我的环境如下:
无论如何,当我创建自己的静态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}} --}}