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? )
change color with ng-style and different conditions
How do you $watchCollection multiple attributes in AngularJS?
ionic list shows bad styling
Why injecting pubnub.angular.service after injecting ngRoute is throwing error in AngularJS?
gulp-ng-annotate - how to use it?
Ionic Photo Capture & Crop
how to call angularJS service into a controller that is not included in a controller?
Angular-ui-grid : Focus a specific cell of the selected row.
how to impliment flex with ng-repeat
Angular JS How to check if added word already exists
Angular trying to post Json/object data with html entities to server side but not working
How to download a file using Angular with Bearer token
Controller function is not called with ng-click when I pass data to an isolated scope
gulp-connect plugins connect.reload() not refreshing browser for following angular setup
Dynamic scope variable assign Angular