AppMLコントローラの目的は、あなたがあなたのアプリケーションを制御できるようにすることです。
コントローラは、何ができるの？
- 初期データを設定します。
- 変更アプリケーションデータ
- 入力と出力を扱います
- データを検証します
- データをまとめます
- エラーを処理
- アプリケーションの起動と停止
- そして、はるかに
コントローラなし
デフォルトではAppMLアプリケーションは、コントローラなしで実行します。
例
<table appml-data="customers.js " >
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr appml-repeat="records">
<td>{{CustomerName}}</td>
<td>{{City}}</td>
<td>{{Country}}</td>
</tr>
</table> »それを自分で試してみてください コントローラと
AppMLコントローラには、JavaScriptを使用してアプリケーションを制御することができます。
コントローラは、 あなたが提供する 、JavaScript関数です。
appml-controller属性は、コントローラ機能を指すために使用されます。
例
<h1>Customers</h1>
<table appml-data="customers.js" appml-controller="myController ">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr appml-repeat="records">
<td>{{CustomerName}}</td>
<td>{{City}}</td>
<td>{{Country}}</td>
</tr>
</table>
<script>
function myController($appml) {
if ($appml.message == "display") {
if ($appml.display.name == "CustomerName")
{
$appml.display.value = $appml.display.value.toUpperCase();
}
}
}
</script> »それを自分で試してみてください コントローラ(myControlller)上記の例では、値の変化"CustomerName" 、それが表示される前に、大文字に。
あなたは、コントローラを持っている場合は、AppMLは、 アプリケーションオブジェクトに送信されます($appml)すべての重要なアクションのために、コントローラに。
アプリケーションの中の一つは、メッセージである($appml.message)アプリケーションの状態を記述する。
| メッセージ | 説明 |
|---|---|
| ready | AppMLが開始された後に送られて、データをロードする準備ができて。 |
| loaded | AppMLは、データを表示する準備ができて、完全にロードされた後に送信されます。 |
| display | AppMLは、データ項目を表示する前に送信されます。 |
| done | AppMLが行われた後に送られた(finished displaying) 。 |
| submit | AppMLがデータを送信する前に送信されます。 |
| error | AppMLでエラーが発生した後に送られました。 |
メッセージは次の章で説明されています。