📌  相关文章
📜  角材料-SideNav

📅  最后修改于: 2020-10-28 04:59:40             🧑  作者: Mango

md-sidenav （一个Angular指令）用于显示可以以编程方式显示或隐藏的容器组件。默认情况下，它滑出主要内容区域的顶部。

属性

下表列出了md-sidenav的不同属性的参数和说明

Sr.No Parameter & Description
1

md-is-open

A model bound to whether the sidenav is opened.
2

md-component-id

componentId to use with $mdSidenav service.
3

md-is-locked-open

When this expression evalutes to true, the sidenav ‘locks open’: it falls into the content’s flow instead of appearing over it. This overrides the is-open attribute. The $mdMedia() service is exposed to the is-locked-open attribute, which can be given a media query or one of the sm, gt-sm, md, gt-md, lg or gt-lg presets.

Examples −

例

以下示例显示了md-sidenav的用法以及sidenav组件的用法。

am_sidenav.htm

现场演示

      
      
      
      
      
      
      
            
   
   
    
      

         
            Welcome to TutorialsPoint.Com
         
                    
            Open Left Menu
            Open Right Menu
         
         
         
            Google

结果

验证结果。