2012-04-02 11 views
0

私はWeb開発に新しく、node.js & expressとcoffeekupビューエンジンを使ってプログラミングを始めました。私の問題は次のとおりです。jQueryを書くときにCoffeeKupを使うにはどうすればいいですか

CoffeeKupビューエンジンを使用すると、何かjqueryの追加メソッドのパラメータとしてcoffeeKupコードを挿入できますか? 例えば、$('body').append('<p>')の代わりに$('body').append('p')または$('body').append(p)などと書くことができます。コンパイラに何らかの形で私のコーヒーコードを前処理してもらいたいのですが...

+0

これはcoffeescriptとは関係ありません。私が間違っている場合は、詳しく説明してください。 –

+0

@AaronDufour coffeekupはcoffeescriptに基づくマークアップ言語なので、間接的に関係しています。 –

答えて

2

coffeekupソースのexamples/browserディレクトリには、達成しようとしているものの例があります。 Mauriceは、クライアントサイド(ブラウザ)コーヒーの具体的な風味をcremeと呼んでいます。

要点は、coffeekupとcoffeescriptのライブラリを組み込み、jsファイルまたはスクリプト要素にテンプレートを書き込むことです。以下はcreme/index.htmlファイルのものです。

<script src="http://jashkenas.github.com/coffee-script/extras/coffee-script.js"></script> 
<script src="coffeekup.js"></script> 

<script type="text/coffeescript"> 
    stooges = ['moe', 'larry', 'curly'] 

    $().ready -> 
    codey = -> 
     h2 'Template as a function' 

     ul -> 
     for guy in @stooges 
      li guy 

    $('body').append CoffeeKup.render(codey, stooges: stooges) 
</script>