Skip to content

Instantly share code, notes, and snippets.

@e-oz

e-oz/Angular-Material-Complex-Dialog.markdown

Created May 2, 2015 21:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save e-oz/1944ae86a8818df94406 to your computer and use it in GitHub Desktop.
Save e-oz/1944ae86a8818df94406 to your computer and use it in GitHub Desktop.
Download ZIP
Angular Material Complex Dialog
Raw
Angular-Material-Complex-Dialog.markdown
Raw
index.html
<html lang="en" ng-app="StarterApp">
<head>
<link rel="stylesheet" href="https://material.angularjs.org/docs.css">
</head>
<body ng-controller="AppCtrl as a">
<div>
<div layout="column" layout-align="start start" layout-fill="layout-fill">
<md-content layout="row" layout-fill layout-align="start center">
<div flex-gt-md="25"></div>
<md-list flex-gt-md="50" flex="100" layout="column">
<md-list-item layout-margin class="md-whiteframe-z1">
<div class="md-list-item-text" layout="column" layout-padding layout-fill>
<div layout="row" layout-align="start center">
<div class="md-subhead" flex="65">Flex65+Flex</div>
<md-button flex class="md-raised md-primary">Button 1</md-button>
</div>
<div layout="row" layout-align="start center">
<div class="md-subhead" flex="65">Flex65+Flex35</div>
<md-button flex="35" class="md-raised md-primary">Button 1</md-button>
</div>
</div>
</md-list-item>
</md-list>
<div flex-gt-md="25"></div>
</md-content>
</div>
</div>
<!-- Angular Material Dependencies -->
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script>
<script src="https://material.angularjs.org/docs.js"></script>
</body>
</html>
Raw
script.js
var app = angular.module('StarterApp', ['ngMaterial']);
app.controller('AppCtrl', ['$mdDialog', function($scope, $mdDialog){
}])
.controller('DialogController', function($scope, $mdDialog) {
//alert( this.closeDialog );
//this.closeDialog = $scope.closeDialog;
/*$scope.closeDialog = function() {
$mdDialog.hide();
};*/
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment