EmberJS-テンプレート

テンプレートは、複数のページにまたがる標準レイアウトを作成するために使用されます。テンプレートを変更すると、そのテンプレートに基づくページが自動的に変更されます。テンプレートは標準化コントロールを提供します

以下の表は、テンプレートに関する詳細を示しています-

S.No. タイプと説明
1 ハンドルバーの基本

ハンドルバーテンプレートライブラリを使用すると、静的HTMLと動的コンテンツを含めることでリッチなユーザーインターフェイスを構築できます。

2 ビルトインヘルパー

ヘルパーはテンプレートに追加機能を提供し、モデルとコンポーネントからの生の値をユーザーにとって適切な形式に変更します。

3 条件付き

Ember.jsは、プログラムのフローを制御するのに役立つ2つの条件ステートメントを定義します。

4 アイテムリストの表示

#eachヘルパーを使用して、配列内のアイテムのリストを表示できます。

5 オブジェクト内のキーの表示

#each-inヘルパーを使用して、オブジェクトのキーを表示できます。

6 リンク

{{リンクへ}}コンポーネントは、ルートへのリンクを作成するために使用することができます。

7 行動

HTML要素は、{{action}}ヘルパーを使用してクリック可能にすることができます。

8 入力ヘルパー

共通のフォームコントロールは、Ember.jsの{{input}}および{{textarea}}ヘルパーを使用して作成できます。

9 開発ヘルパー

テンプレートの開発は、HandlebarsとEmberのいくつかのヘルパーを使用することで簡単にできます。

10 ヘルパーの作成

テンプレートに機能を追加して、モデルやコンポーネントの生の値をユーザーに適した形式に変換できます。