テンプレートレンダリング
ofa.jsは強力なテンプレートレンダリングエンジンを提供し、豊富なテンプレート構文を含み、開発者が迅速にアプリケーションを構築するのに役立ちます。まずは最もよく使われるテキストレンダリングから紹介します。
ページデータバインディング
ofa.js では、各ページには data オブジェクトがあり、ページ内で使用する変数を定義できます。ページのレンダリングが開始されると、data オブジェクト内のデータが自動的にテンプレートにバインドされ、テンプレート内で {{変数名}} の構文を使用して対応する変数の値をレンダリングします。
テキストレンダリング
テキストレンダリングは最も基本的なレンダリング方式であり、テンプレート内で {{変数名}} という構文を使って data オブジェクト内の対応する変数の値を表示できます。
{{val}}
HTML コンテンツのレンダリング
要素に :html ディレクティブを追加することで、対応する変数内の HTML 文字列を解析し、安全に要素内部に挿入できます。これにより、リッチテキストの動的レンダリングや外部 HTML フラグメントの埋め込みを簡単に実現できます。