ng-ytl-zorro-antd/src/showcase/nz-demo-menu/nz-demo-menu-basic.component.ts

An enterprise-class UI components based on Ant Design and Angular

import { Component } from '@angular/core';
@Component({
  selector: 'nz-demo-menu-basic',
  template: `
    <ul nz-menu [nzMode]="'horizontal'">
      <li nz-menu-item><i class="anticon anticon-mail"></i> Navigation One</li>
      <li nz-menu-item nzDisabled><i class="anticon anticon-appstore"></i> Navigation Two</li>
      <li nz-submenu>
        <span title><i class="anticon anticon-setting"></i> Navigation Three - Submenu</span>
        <ul>
          <li nz-menu-group>
            <span title>Item 1</span>
            <ul>
              <li nz-menu-item>Option 1</li>
              <li nz-menu-item>Option 2</li>
            </ul>
          </li>
          <li nz-menu-group>
            <span title>Item 2</span>
            <ul>
              <li nz-menu-item>Option 3</li>
              <li nz-menu-item>Option 4</li>
            </ul>
          </li>
        </ul>
      </li>
      <li nz-menu-item><a href="https://ng.ant.design" target="_blank" rel="noopener noreferrer">Navigation Four - Link</a></li>
    </ul>`,
  styles  : []
})
export class NzDemoMenuBasicComponent { }