在本章中，我们将了解Mobile Angular UI中可用的基本布局显示。

基本布局的结构如下

手机或台式机的屏幕分为几部分。

侧边栏

主体部分从侧边栏div容器开始，一个用于左侧，下一个用于右侧-

侧边栏有助于很好地有效利用空间，特别是在移动设备上，从而使UI非常互动和整洁。通过边栏，窗口从左侧和右侧打开。

导航栏

下一部分是导航栏。以下是要显示的导航栏的div容器-

它们显示在顶部和底部。

应用主体部分

此部分是显示内容的主要位置，以便用户交互或阅读。

它使用 指令，该指令将根据UI上的用户交互而替换为实际内容。 AngularJS NgRoute用于替换视图。

模态和叠加

最后一部分是模态和覆盖部分。显示模式和覆盖的div容器如下-