Skip to content

Instantly share code, notes, and snippets.

@chikadance

chikadance/test-menubar.html

Created December 24, 2016 11:13
Show Gist options
  • Save chikadance/4294d3faab63a38c521a609c634b84f6 to your computer and use it in GitHub Desktop.
Save chikadance/4294d3faab63a38c521a609c634b84f6 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
test-menubar.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="../node_modules/angular-material/angular-material.css">
<script type="text/javascript" src="../node_modules/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="../node_modules/angular/angular.js"></script>
<script type="text/javascript" src="../node_modules/angular-animate/angular-animate.js"></script>
<script type="text/javascript" src="../node_modules/angular-aria/angular-aria.js"></script>
<script type="text/javascript" src="../node_modules/angular-messages/angular-messages.js"></script>
<script type="text/javascript" src="../node_modules/angular-material/angular-material.js"></script>
<script></script>
</head>
<body>
<!--menuitem with shortcut-->
<div ng-app="app" ng-controller="ctrl"></div>
<md-menu-bar>
<md-menu>
<button ng-click="$mdOpenMenu()">File</button>
<md-menu-content>
<md-button ng-click="ctrl.prpr()" ng-keydown="ctrl.kd($event)">act 1</md-button>
<md-button>act 2</md-button>
</md-menu-content>
</md-menu>
</md-menu-bar>
<script>
angular.module("app", ["ngMaterial"])
.controller("ctrl", function () {
this.prpr = function () {
console.log("prpr")
}
})
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment