ember.js - 将 CSS 样式应用于 ember.js 车把模板

Question

我正在尝试创建一个简单的 Ember.js 应用程序来了解有关 JavaScript MVC 框架的更多信息。但是，似乎不可能将 CSS 样式应用于视图模板（或者更确切地说，我不知道执行此操作的正确方法）：

无模板

<span class="myClass">
Some value
</span>

在这种情况下，样式按预期正确显示。

带模板

<span class="myClass">
<script type="text/x-handlebars>
{{MyApp.someVariable}}
</script>
</span>

在这种情况下，该样式似乎根本没有应用。

我什至尝试过类似的东西：

<script type="text/x-handlebars>
{{MyApp.someVariable classToAdd="myClass"}}
</script>

这会产生更奇怪的输出（我什至无法在 Chrome 开发人员元素选项卡中找到该元素）。

在线教程没有提到这个问题，我已经尝试研究其他 Stackoverflow 问题（有一些关于应用样式的问题，但在这种情况下并不完全一样）。任何人都可以告诉我我做的不对吗？

score 1 · Accepted Answer

我通常使用 Ember 视图的 ClassNames 和 classNameBindings 属性。大部分时间都能完成工作。

您也可以尝试使用 Ember 布局属性来包装模板。

score 0 · Accepted Answer

在 jquery 的 append() 文档中找到了这个问题的答案您需要使用 jQuery 将文本转换为 html：

template = Handlebars.compile(..);
html = template(json);
$('body').append($(html)); // <- don't forget to wrap it

2 回答 2