$molSzukaj⌘ KDokumentacjaPlaygroundPorównanieEkosystemO projekciePLKomponent, który napisałeś w
Pierwszych krokach, to zwykła klasa TypeScriptu. Kompiluje się, działa i jest wspieranym sposobem opisania komponentu $mol — jednym z kilku, które framework przyjmuje.Kazał ci też trzymać w głowie cztery rzeczy niemające nic wspólnego z tym, co komponent robi. Ta strona bierze je po kolei i pokazuje linię view.tree, która usuwa każdą z nich. Potem pokazuje kod generowany przez kompilator, żebyś mógł sprawdzić, że drzewo nie jest drugim środowiskiem uruchomieniowym: wytwarza tę samą klasę, którą już napisałeś.Oto ten plik jeszcze raz, do porównania: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}Edytuj tę stronę na GitHubieCzy to było pomocne?TakNiePoprzedniaPierwsze krokiNastępnaStruktura projektuNa tej stronieDziecko budujesz ty i ty je buforujeszKierunek danych mówi operatorWiązanie dwukierunkowe dzieli jeden klawisz od cichego tylko-do-odczytuLokalizowalny napis pozostaje napisem, dopóki nie zrobisz z niego kluczaCały komponentCo wypuszcza kompilatorCzego ręcznie napisana klasa nie odda żadnemu narzędziuRozmiar tego wszystkiegoCo pisaćType to search the documentation.