Our Home View isn’t done yet; two out of three item lists are yet to be done, at least on the client-side. We’re talking about the most viewed items and the randomly picked ones; let’s add them to the loop. Basically, we have two ways to do this:
- Adding two more Angular components very similar to the QuizListComponent one
- Extending our QuizListComponent and make it configurable, thus making it able to handle all the three item listings
Adding two more components will be rather easy; we can clone the quiz-list.component.ts file a couple of times, and change the inner method of the two new files to make it fetch the relevant data from the /quiz/ByTitle and /quiz/Random server-side APIs already available through our QuizController. Once done, we can define a different selector for each one of them, add the required stuff in the AppModule...
