概要
データベース上の値を表示するには data-wao-bind 属性を使用します。
材料
変換元html
<!--データ取得-->
<form data-wao-action="/employee/detail/">
<input type="hidden" name="id" data-wao-param="url">
</form>
<!--データ表示-->
<div data-wao-bind-class="dept_`employee.dept_id`">
<div data-wao-bindouter="employee.name">Name</div>
</div>
アクセスURL
http://FQDN/employee/detail/id/123/
employeeテーブルの中身
| id | dept_id | name |
|---|---|---|
| 123 | 45 | John |
できあがり
変換後html
<div class="dept_45">John</div>
書式
bindの種類
| 属性名 | 説明 |
|---|---|
| data-wao-bind- attribute | attribute で指定された属性の値を上書き更新する |
| data-wao-prepend- attribute | attribute で指定された属性値の前方に指定された値を追加する |
| data-wao-apend- attribute | attribute で指定された属性値の後方に指定された値を追加する |
| data-wao-bindouter | 属性を持つ親タグを削除して、その箇所に指定された値を出力する |
| data-wao-bindinner | 属性を持つ親タグのinnerHtmlを指定された値に書き換える |
| data-wao-prependinner | 属性を持つ親タグのinnerHtmlの前方に指定された値を追加する |
| data-wao-apendinner | 属性を持つ親タグのinnerHtmlの後方に指定された値を追加する |
属性値
_DB.table_name.column_name
table_name.column_name
column_name
デフォルト：escape
エスケープさせない場合はカラム名の先頭に＠をつける
＠＠とするとタグだけを削除
|substr(128)
|substr(4,100)
|left(50)
|right(50)
table_name.column_name|raw|left(50)
updated_datetime|DATE(yyyy-MM-dd)
total_count|FORMAT(#,##0)