Ricettario

Ricette brevi e pronte da copiare per le attività che ricorrono in quasi ogni app. Ognuna è vero codice $mol: adatta i nomi e inseriscila.

Un input con binding bidirezionale

Tieni un input e un valore derivato sincronizzati senza cablare alcun handler: <=> collega in entrambe le direzioni, e qualsiasi proprietà calcolata che legge il valore si aggiorna da sola.1$my_greeter $mol_view2 sub /3 <= Name $mol_string4 value? <=> name?5 <= Hello $mol_view6 sub / <= greeting \1namespace $.$$ {2 export class $my_greeter extends $.$my_greeter {3 @ $mol_mem name( next?: string ) { return next ?? '' }4 5 @ $mol_mem greeting() {6 return this.name() ? `Hello, ${ this.name() }!` : 'Type your name'7 }8 }9}

Una lista a cui aggiungere e da cui rimuovere

Tieni la collezione in una proprietà reattiva e riscrivila in modo immutabile dalle azioni. Un Row* con chiave rende una riga per elemento e — grazie al

rendering virtualizzato — vengono costruite solo le righe visibili.1$my_todo $mol_view2 draft? \3 items /4 sub /5 <= Input $mol_string6 value? <=> draft?7 hint \New item8 <= Add $mol_button_major9 click? <=> add?10 sub / <= add_label \Add11 <= List $mol_list12 rows <= item_rows /13 Row* $mol_row14 sub /15 <= Label* $mol_view16 sub / <= item_title* \17 <= Delete* $mol_button_minor18 click? <=> delete*?19 sub / <= delete_label \✕Modifica questa pagina su GitHubÈ stato utile?SìNoPrecedenteDa React, Vue e Svelte SuccessivoPluginIn questa paginaUn input con binding bidirezionale Una lista a cui aggiungere e da cui rimuovere Recuperare dati con stati di caricamento ed errore Persistere lo stato locale Leggere e scrivere un parametro di rotta Aggiungere un tema chiaro/scuro automatico Avanti