Ionic is a framework built on angular-js, targeted at creating mobile applications. However, one component that isn’t part of the standard controls is the master detail layout.
A recent project I worked on required this type of layout, so I spent some time researching and then creating a custom control. This post describes that process, but if you just want to see the end result, check out the demo project
What is a Master Detail layout?
A master detail layout is a responsive layout for tablets and phones, that allows users to view a list of items (the master view), and drill
down into each item for more details (the detail view).
On small devices (i.e. phones), the control should behave similar to a navigation control, where the user only sees one screen at a time and has the ability to navigate forwards backwards between the master and detail views. On larger devices (i.e. tablets), the control should be a split-screen view so the user sees the master view down the left edge of the screen with the detail view filling the remaining space.
When writing a native iOS app, this type of view is part of UISplitViewController. For a great write up on...(Read whole news on source site)