GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Docs
  • Tutorials
  • Playground
  • Reference
  • code
  • Menu
  • MenuBar

This view

  • Original page
  • New address

GeezerVison is showing next.angular.dev — MenuBar • Angular

API

    
      class MenuBar<V> implements OnDestroy {}
    
    

A reference to the host element.

Whether the menubar is disabled.

Whether the menubar is soft disabled.

The directionality (LTR / RTL) context for the application (or a subtree of it).

The values of the currently selected menu items.

Whether the menu should wrap its items.

The delay in milliseconds before the typeahead buffer is cleared.

A callback function triggered when a menu item is selected.

@returnsvoid

Closes the menubar.

@returnsvoid

Description

A menu bar of menu items.

Like the ngMenu, a ngMenuBar is used to offer a list of menu item choices to users. However, a menubar is used to display a persistent, top-level, always-visible set of menu item choices, typically found at the top of an application window.

<div ngMenuBar>
  <button ngMenuTrigger [menu]="fileMenu">File</button>
  <button ngMenuTrigger [menu]="editMenu">Edit</button>
</div>

<div ngMenu #fileMenu="ngMenu">
  <div ngMenuItem value="New">New</div>
  <div ngMenuItem value="Open">Open</div>
</div>

<div ngMenu #editMenu="ngMenu">
  <div ngMenuItem value="Cut">Cut</div>
  <div ngMenuItem value="Copy">Copy</div>
</div>
You are visitor 01402520 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.