Stap 5: Een introductiepagina maken en het toevoegen van de kant menu
Laat echt start op de app nu en maak een leuke startpagina en een zijvenster voor navigatie. De beste manier om dit te doen is om te beginnen niet om alles in de index.html pagina, maar aparte om sjabloonbestanden te maken in een map met sjablonen.
In de nieuwe index.html niet veel veranderd: gewoon de naam van de app en de kop is verwijderd. Ion-nav-view is toegevoegd, dit is een klasse die de standaardsjabloon gedefinieerd in app.js laadt
Hier kunt u zien dat ik heb sommige staten gemaakt, deze worden gebruikt om te navigeren in uw app. De sidemenu is een abstracte staat, wat betekent dat het kan niet rechtstreeks worden gebruikt maar alleen met behulp van de staten die kinderen van deze (thuisvoelen zijn). Wanneer we home gebruiken, worden home.html zowel kant-menu.html geladen.
$urlRouterProvider.otherwise('/side/home')
Dit is de standaardroute worden genomen door de app: met andere woorden, dit is de pagina die wordt geladen bij het openen van de app.
In kant-menu kunt u de code voor de sidemenu. U maakt een scope kant-menu's die bevat de kant-menu en de inhoud. De inhoud bevat de navigatiebalk aan de bovenkant van de pagina.
de kant-menu bevat de informatie in het menu aan de, in dit geval een lijst met koppelingen naar verschillende pagina's en een header staaf.
In home.html u ziet dat een weergave wordt gebruikt, verandert dit de tekst in de navigatiebalk, in dit geval welkom. En de rest is gewoon html voor de pagina.