Material für Code Manipulation

[pl]

hi MB,

Ich bin wie gesagt dabei Template Engines zu entwerfen und in TypeScript aus zu programierern und in meine SPA zu integrieren. Allein zum Zwecke des Lernens.

Beim Arbeiten mit Templates ergibt sich für JS ein Stil der bisher native CGI-Anwendungen vorbehalten war:

1. Beim Laden der Seite wird das Template mit Startwerten gerendert ins DOM gesetzt,
2. Mit der Formularvearbeitung werden Eingaben und Ergebnis übers Template gerendert und das danach ins DOM gepflanzt.

Das bischen Code sieht dann z.B. so aus entsprechend der beiden Zustände welche die Anwendung annehmen kann:

function calc(){
    $('#out').html( xr($('#tt').html(),{
        result:  100 * $('#tanke').val() / $('#strecke').val(),
        tanke:   $('#tanke').val(),
        strecke: $('#strecke').val()
    }));
}

$(document).ready(function(){
    $('#out').html( xr($('#tt').html(),{
        tanke:   25.4,
        strecke: 485.6
    }));
});

Wäre noch die Frage zu klären, wo das Template herkommt, das Beispiel obenstehend bezieht sein Template über $('#tt').html(), d.h., es ist im Dokument selbst notiert. Eingebaut wird es nach dem Rendern beispielsweise in ein <div> mit der id="out". MfG