angular-desk-menu

Angular dropdown menu directive. Google docs style. Not released, be aware directive names may change.

Features

• Unlimited submenus
• Keyboard shortcuts
• No jQuery

Installation

npm install angular-desk-menu

Usage

require("angular-desk-menu")

Example

<!-- Using font-awesome icons -->
<desk-menu desk-keypress callback="cb(value)"> <!-- Optional callback, either use regular ng-click -->
    <desk-option label="File">
        <desk-dropdown>
            <desk-dd-option disabled="'true'"> <!-- Disable option -->
                <desk-icon><i class="fa fa-bell-o"></i></desk-icon>
                <desk-label>Bell</desk-label>
            </desk-dd-option>
            <hr> <!-- Divider -->
            <desk-dd-option desk-value="val"> <!-- Use desk-value to send val to callback on click -->
                <desk-icon><i class="fa fa-car"></i></desk-icon>
                <desk-label>Car</desk-label>
                <desk-dropdown>
                    <desk-dd-option desk-value="val">
                        <desk-icon><i class="fa fa-bell-o"></i></desk-icon>
                        <desk-label>Bell</desk-label>
                    </desk-dd-option>
                    <desk-dd-option ng-click="cb('Clickable')" shortcut="Ctrl-C"> <!-- Register shortcut -->
                        <desk-icon><i class="fa fa-car"></i></desk-icon>
                        <desk-label>Car</desk-label>
                    </desk-dd-option>
                </desk-dropdown>
            </desk-dd-option>
        </desk-dropdown>
    </desk-option>
</desk-menu>

Docs

Modules

angular-desk-menu

Directives

• deskMenu

  • callback, function, gets value from desk-value as attribute
  • desk-keypress, add this to listen for shortcuts

• deskOption

  • label (string), Label for menu dropdown

• deskDropdown

• deskDdOption

  • desk-value, value gets sent to callback on deskMenu
  • shortcut (string), Key shortcut for option. Preventing default on choosen shortcuts. Optional Ctrl, Alt, Shift and letter/number separated with dash. Ex Ctrl-C, Shift-Alt-F
  • disabled, (boolean)

• deskIcon

• deskLabel

Todo

License

MIT