So what would be the best practices to do the following:
Let’s say I have a route like:
For this route, I grab a model by calling:
Ok, the model
Quiz , has a hasMany relation for
qItems, which are quiz items.
This means that, when I go to
/quiz/5, I will have the quiz model and its relation items stored in my
Now, what I want to do is, display each item in
model.get('qItems') one at a time.
Meaning, when I go the
/quiz/5, I display some info about the main quiz in the template, and then I display, for example, the first
qItem 's ID. When the user clicks a
Continue button, I iterate to the next
qItem, remove the view for the last item, and render the new item again.
The thing is, I want to do this without changing the URL, so without calling a new route. I want to stay on the same
/quiz/5 route, and basically iterate over the model’s relation array, rerendering a view, template or component each time the user wants to
Any advice on how I could achieve this. How do I rerender stuff dynamically in the main quiz template, without navigating to a new route? Thank you very much.