Le but d'un contrôleur appml, est de vous permettre de contrôler votre application.
Quel contrôleur peut-il faire?
- Ensemble de données initial
- Modifier les données d'application
- Poignée entrée et de sortie
- valider les données
- résumer données
- gérer les erreurs
- Démarrage et arrêt des applications
- Et beaucoup plus
Sans un contrôleur
Par défaut, les applications appml fonctionnent sans contrôleur:
Exemple
<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> Essayez vous - même » Avec un contrôleur
Avec un contrôleur appml, vous pouvez contrôler votre application avec JavaScript.
Le contrôleur est une fonction JavaScript, fourni par vous.
Le appml-controller attribut est utilisé pour faire référence à une fonction de contrôleur.
Exemple
<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> Essayez vous - même » Le contrôleur (myControlller) dans l'exemple ci - dessus, modifie la valeur de "CustomerName" en majuscules, avant d' être affiché.
Si vous disposez d' un contrôleur, appml envoie l'objet d'application ($appml) au contrôleur, pour chaque action importante.
L' une des propriétés d'application est un message ($appml.message) , décrivant l'état de l' application.
| Message | La description |
|---|---|
| ready | Envoyé après appml est lancé et prêt à charger des données. |
| loaded | Envoyé après appml est complètement chargé, prêt à afficher les données. |
| display | Envoyé avant appml affiche un élément de données. |
| done | Envoyé après appml est fait (finished displaying) l' (finished displaying) . |
| submit | Envoyé avant appml envoie des données. |
| error | Envoyé après appml a rencontré une erreur. |
Les messages sont expliqués dans le chapitre suivant.