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