Full-Scale test
It’s almost time to hit F5 and see whether our revised Angular app is still holding its ground. Before we do that, let's quickly open the
/ClientApp/app/components/home/home.component.html
file and replace our witty welcome text with something that can define our application better:
<h1>Welcome to TestMakerFree</h1> <p>A sample SPA project made with .NET Core and Angular.</p> <quiz-list class="latest"></quiz-list> <quiz-list class="byTitle"></quiz-list> <quiz-list class="random"></quiz-list>
If we did everything correctly, we should be greeted with something like this:
This definitely looks like the HomeView
we wanted. Let’s check whether the improved Master-Detail navigation pattern is still working by clicking on one of the available quizzes. The HomeView
should be replaced by the QuizView
, displaying the test detail data:
Still ugly, yet still up and running. Note how the URL in the address bar properly switches from...