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? )
How to order the set of strings getting displayed in front end alphabetically in angular
AngularJS page hopping around with semanticUI Tabs
how to fade parent $mdDialog?
chartjs 2+ how to specify bar chart colouring
Method Not Allowed Error after redirecting in AngularJS
Angular 1.5 md-autocomplete: find matches and display from multiple object keys
How to filter an array of objects based on an array of a specific object propert?
Angular TypeScript With Sublime Text 3
Angular Resolve Not Loading
How to use CasperJS to fill in AngularJS input fields w/out a form tag
Angularjs Modules - Packaging Directives and Their Controllers
How to insert “Dynamic Content” in uib-accordion developed with ng-repeat?
How to use Cordova Geolocation with OpenWeatherMap in Ionic?
angularjs get html inner value of the label inside ng-repeat
AngularJS test $q.all service jasmine with multi urls
Display Google Maps with current position with ngMap