Handlebars–JavaScriptテンプレートシステム

このようなハンドルバーで最初のデモを開始します。

ハンドルバーで物事を起動して実行するために必要ないくつかの手順があります。 まず、HTMLファイルにテンプレートを作成する必要があります。 これは、標準の<>タグで作成され、HTMLとハンドルバーの式の組み合わせです。 テンプレートは任意のidを持つことができますが、タイプは”text/x-handlebars-template”でなければなりません。

ハンドルバーテンプレートの例のためのHTMLコードブロック。この例では、’handlebars-demo’テンプレートを作成し、いくつかのHTMLと4つのハンドルバー式を追加しました。

ハンドルバーのテンプレートハンドラをレンダリングして追加するために必要なJavaScriptコードブロックを配置します。P>

ハンドルバーのJavaScriptブロックは、HTMLに準拠しました

テンプレートが取得された後、関数を返すHandlebars.compile()メソッドを使用してコンパイルできます。 この関数は、コンテキストを引数として渡すことによって実行されます。 実行が完了すると、関数はすべての変数を対応する値に置き換えて目的のHTMLを返します。 この時点で、HTMLをwebページに挿入することができます。ハンドルバーを使用してテンプレートをHTMLにレンダリングした後の出力:

結果の出力コードとテンプレートを実行した後

あなたが読んで、この記事から今日何か新しいことを学ぶことを願っています。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です