以下是一个使用Angular 5 Material创建多级轮播样式侧边导航菜单的代码示例：

首先，确保你已经安装了Angular 5 Material。如果没有，请运行以下命令进行安装：

npm install --save @angular/material @angular/cdk @angular/animations

在你的Angular组件中，导入所需的Angular Material组件：

import { Component } from '@angular/core';
import { MatTreeNestedDataSource } from '@angular/material/tree';
import { NestedTreeControl } from '@angular/cdk/tree';

export class MenuItem {
  name: string;
  children?: MenuItem[];
}

export class AppComponent {
  treeControl = new NestedTreeControl(node => node.children);
  dataSource = new MatTreeNestedDataSource();

  constructor() {
    this.dataSource.data = [
      {
        name: 'Item 1',
        children: [
          {
            name: 'Subitem 1.1',
            children: [
              { name: 'Subsubitem 1.1.1' },
              { name: 'Subsubitem 1.1.2' }
            ]
          },
          { name: 'Subitem 1.2' }
        ]
      },
      { name: 'Item 2' },
      { name: 'Item 3' }
    ];
  }

  hasChild = (_: number, node: MenuItem) => !!node.children && node.children.length > 0;
}

在你的HTML模板中，使用Angular Material的mat-tree和mat-nested-tree-node指令来渲染侧边导航菜单：

  
    

      
        {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
      
      {{node.name}}
      

        
      
    
  

  
    

      {{node.name}}
    
  

最后，为你的组件添加所需的样式：

.mat-tree-node {
  padding-left: 16px;
}

.mat-tree-node .mat-icon {
  margin-right: 8px;
}

.mat-tree-node-with-child {
  list-style-type: none;
}

这样就完成了多级轮播样式的侧边导航菜单。