What is the proper way to display a shared info panel for a list of items?
I am developing a web page. This page contains a list of items on the left side, and a information panel on the right side to show some summary information specific to the selected items see below: When one item is selected by user, the information panel's content should be updated to show the active item's content. My Question: What is the proper way to implement this: Spawn one information panel per list item. Then hide/show the the information panel for the active list item. Make only one information panel globally. Then update the information panel's content based on list item selection? Because I am using Angular 2 and Bootstrap, advices specific to these libraries are appreciated. (For example, shall I use route to implement the item-click-to-summary-display? Is there a component in Bootstrap library that is specifically for such purposes? )
MDL not updating two ng-repeats' checkboxes values
Unknown provider: $httpProvider <- $http
Angular-translate, get word NOT from current language
PDF files no longer upload with firebase deploy
Is this correct way dependency injection in Angular?
Priority between custom and built-in directve
Bootstrap select combobox and ngRepeat options not working
Data is not passing from directive into template
How do I access ng-controller from directive?
How to add Admob in Ionic apps?
Default route for iron router
Angular giving injector error but still returning variables
dynamic routing UI-Router
How to create PDF using WebAPI with angular js
Breaking down an HTTP request to the same API into several HTTP requests
404 error when templateUrl is a php file in Ionic