<!doctype html>
<html lang="pt-BR">
<head>
  <title>BottomSheet</title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="style.css"/>
  <link rel="stylesheet" href="angular-material.css"/>
  <meta name="viewport" content="width=device-width, user-scalable=no">
</head>
<body data-ng-app="app">  
 
 <div ng-controller="MyController">
  <md-button ng-click="openBottomSheet()">
    Open a Bottom Sheet!
  </md-button>
</div>

 
<script src="js/angular.min.js"></script>
<script src="js/hammer.min.js"></script>
<script src="js/angular-material-swipe.js"></script>  
<script src="js/angular-animate.min.js"></script>
<script src="js/angular-route.min.js"></script>
<script src="js/angular-aria.min.js"></script>

<script src="js/angular-material.min.js"></script>
<script>
 var app = angular.module('app', ['ngMaterial']);
 
app.controller('MyController', function($scope, $mdBottomSheet) {
  $scope.openBottomSheet = function() {
$mdBottomSheet.show({
  template: '<md-bottom-sheet>Hello!</md-bottom-sheet>'
});
  };
});

</script>

</body>
</html>

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to