如何在Angular Material Navigation Menu中添加子项

Question

这是我的源页面： creating-your-own-angular-material-navigation-menu

以下是剧本：

sections.push({
      name: 'Beers',
      type: 'toggle',
      pages: [{
        name: 'IPAs',
        type: 'link',
        state: 'beers.ipas',
        icon: 'fa fa-group'
      }, {
        name: 'Porters',
        state: 'home.toollist',
        type: 'link',
        icon: 'fa fa-map-marker'
      },
      {
        name: 'Wheat',
        state: 'home.createTool',
        type: 'link',
        icon: 'fa fa-plus'
      }]
    });

我只想添加一个子菜单项，就像在这张图片中一样。