0

JavaScript MVC フレームワークについて詳しく学ぶために、単純な Ember.js アプリを作成しようとしています。ただし、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 の他の問題を調査してみました (スタイルの適用についてはいくつかありますが、この状況とはまったく異なります)。私が正しく行っていないことについて、誰かが私を啓発できますか?

4

2 に答える 2

1

私は通常、Ember Views の ClassNames と classNameBindings プロパティを使用します。ほとんどの場合、これで仕事が完了します。

Ember レイアウト プロパティを試して、テンプレートをラップすることもできます。

于 2012-11-18T00:43:48.603 に答える
0

jquery の append() ドキュメントでこの質問に対する回答が見つかりました jQuery を使用してテキストを html に変換する必要があります。

template = Handlebars.compile(..);
html = template(json);
$('body').append($(html)); // <- don't forget to wrap it
于 2013-11-17T03:57:58.407 に答える