$molSuche⌘ KDokuPlaygroundVergleichÖkosystemÜberDEDie Komponente, die du in den
Ersten Schritten geschrieben hast, ist eine gewöhnliche TypeScript-Klasse. Sie kompiliert, sie läuft, und sie ist eine unterstützte Art, eine $mol-Komponente zu beschreiben — eine von mehreren, die das Framework akzeptiert.Sie hat dich außerdem vier Dinge im Kopf behalten lassen, die nichts damit zu tun haben, was die Komponente tut. Diese Seite nimmt sie einzeln vor und zeigt jeweils die Zeile view.tree, die sie verschwinden lässt. Danach kommt der Code, den der Compiler erzeugt, damit du nachprüfen kannst: Der Baum ist keine zweite Laufzeitumgebung, sondern erzeugt genau die Klasse, die du schon geschrieben hast.Hier ist die Datei noch einmal, zum Vergleich:1namespace $ {2
3 export class $my_hello extends $mol_page {4
5 title() {6 return 'Greeting'7 }8
9 body() {10 return [ this.Name(), this.Message() ]11 }12
13 @ $mol_mem14 Name() {15 const obj = new this.$.$mol_string16 obj.hint = () => 'Enter your name'17 obj.value = ( next?: string ) => this.name( next )18 return obj19 }20
21 @ $mol_mem22 name( next?: string ) {23 return next ?? ''24 }25
26 @ $mol_mem27 Message() {28 const obj = new this.$.$mol_view29 obj.sub = () => [ this.greeting() ]30 return obj31 }32
33 greeting() {34 const name = this.name()35 return name ? `Hello, ${ name }!` : 'Please enter your name'36 }37
38 }39
40}Diese Seite auf GitHub bearbeitenWar das hilfreich?JaNeinZurückErste SchritteWeiterProjektstrukturAuf dieser SeiteDas Kind baust du, und zwischenspeichern musst du es auchDie Richtung steckt im OperatorBidirektionale Bindung ist einen Tastendruck von stillem Read-only entferntEine lokalisierbare Zeichenkette bleibt eine Zeichenkette, bis du einen Schlüssel daraus machstDie ganze KomponenteWas der Compiler ausgibtWas eine handgeschriebene Klasse keinem Werkzeug geben kannDer UmfangWas du schreiben solltestType to search the documentation.