angularjs


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? )

Related Links

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

Categories

HOME
r
redux-thunk
csv
ibm-content-navigator
mqtt
sharepoint-2010
bitmap
publish-subscribe
xsd
optaplanner
java-9
tls1.2
drjava
mondrian
abap
geb
eddystone-url
coin-or-cbc
excel-2016
condition
google-cloud-messaging
syslog
quicksort
delegates
azure-api-management
pyzmq
bdd
hdinsight
stacked-chart
symfony-2.1
registration
pangocairo
isolation-level
blas
interpretation
sonar-runner
joomla3.4
subreport
openmesh
welcome-file
xlrd
aws-mobilehub
delphi-xe2
latent-semantic-analysis
framelayout
aptana3
simgrid
interstage
eclipse-sirius
urllib
aws-powershell
elasticsearch-2.0
pkg-config
usb-modeswitch
docker-toolbox
pair
signalr-2
ansi-sql
pdf2htmlex
morphia
share-open-graph
gac
moving-average
worklight-adapters
folder-permissions
adjacency-matrix
javax.comm
barcode4j
dynamic-allocation
preloadjs
cblas
reportserver
addclass
xcode7.2
merchant-account
pyral
bootstrap-growl
math.h
dataexplorer
android-twitter
boost-process
tidekit
daypilot
tyrus
autosave
palette
lockscreen
waitformultipleobjects
apache-commons-math
authorize-attribute
datetimeoffset
ci-merchant
photosphere
attr-accessible
jquery-globalization
server-side-includes
bada
facebook-credits
web-storage
listfield
html-content-extraction
audit-trail
zeus
securitymanager
wsdlc
binary-heap
ssl-security
wse2.0

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App