Směrování

Směrování v $mol není samostatná knihovna — URL je jen další kus reaktivního stavu. Přečtěte ji, zapište ji a pohledy reagují stejně, jako reagují na jakoukoli buňku. Tlačítko zpět, hluboké odkazy i sdílitelné URL máte zdarma.

URL jako stav

$mol_state_arg zpřístupňuje parametry URL jako reaktivní hodnoty. Navažte jeden na vlastnost a adresní řádek se stane vaším zdrojem pravdy:1namespace $.$$ {2 export class $my_app extends $.$my_app {3 @ $mol_mem4 page( next?: string ) {5 return $mol_state_arg.value( 'page', next ) ?? 'home'6 }7 }8}Čtení page() vrací aktuální hodnotu; volání page('about') provede navigaci. Vše, co čte page(), se při změně překreslí — včetně tlačítka zpět v prohlížeči, které buňku aktualizuje za vás.

Přepínání obrazovek

Zkombinujte směrovanou hodnotu s prostým switch, abyste vybrali, co se vykreslí. Protože jsou pohledy

líné, obrazovky, které nezobrazíte, se nikdy nesestaví:1@ $mol_mem2body_content() {3 switch ( this.page() ) {4 case 'about': return [ this.About() ]5 case 'docs': return [ this.Docs() ]6 default: return [ this.Home() ]7 }8}

Odkazy nastavující argumenty

Ve view.tree může odkaz nastavovat argumenty URL deklarativně — kliknutí na něj naviguje bez obslužné rutiny:1<= About_link $mol_link2 arg *3 page \about4 sub / <= about_label \About$mol_link se také označí jako aktivní (mol_link_current), když jeho argumenty odpovídají aktuální URL, takže zvýraznění aktuální stránky nepotřebuje žádný stav navíc.

Více parametrů

Argumenty jsou nezávislé, takže obrazovka může směrovat na několik naráz. Právě tento web dokumentace směruje jak na section, tak na page:1<= Guide_link $mol_link2 arg *3 section \docs4 page \viewsKaždý klíč projde tam a zpět skrz URL, takže každý pohled je ze své podstaty sdílitelný a lze jej uložit do záložek. Nastavení jednoho argumentu nechá ostatní nedotčené, což z hlubokých odkazů — konkrétní sekce a stránka a kotva — dělá pouhou otázku nastavení klíčů, na kterých vám záleží.Upravit tuto stránku na GitHubuBylo to užitečné?AnoNePředchozíStav a reaktivita DalšíVykreslováníNa této stránceURL jako stav Přepínání obrazovek Odkazy nastavující argumenty Více parametrů Stav, který nepatří do URL Dále