46 lines
1.1 KiB
JavaScript
46 lines
1.1 KiB
JavaScript
// Declare the flexboxDemoApp module and its dependency 'ngMaterial'
|
|
var app = angular.module('flexboxDemoApp', ['ngMaterial']);
|
|
// Declare the AppCtrl controller
|
|
app
|
|
.config(['$mdThemingProvider', function ($mdThemingProvider) {
|
|
$mdThemingProvider
|
|
.theme('default')
|
|
.accentPalette('amber', {
|
|
default: '700'
|
|
});
|
|
}])
|
|
.controller('AppCtrl', ['$scope', function ($scope) {
|
|
$scope.parent = {
|
|
flexDirection: 'row',
|
|
flexWrap: 'nowrap',
|
|
justifyContent: 'flex-start',
|
|
alignItems: 'stretch',
|
|
alignContent: 'stretch'
|
|
};
|
|
|
|
$scope.children_width = 12; // %
|
|
|
|
$scope.children = [];
|
|
|
|
var addChild = function (order, flexGrow, flexShrink, flexBasis, alignSelf) {
|
|
$scope.children.push({
|
|
order: order || 0,
|
|
flexGrow: flexGrow || 0,
|
|
flexShrink: flexShrink || 1,
|
|
flexBasis: flexBasis || 'auto',
|
|
alignSelf: alignSelf || 'auto'
|
|
});
|
|
};
|
|
var removeChild = function (index) {
|
|
$scope.children.splice(index, 1);
|
|
};
|
|
|
|
$scope.addChild = addChild;
|
|
$scope.removeChild = removeChild;
|
|
|
|
for (var i = 0; i < 5; i++) {
|
|
addChild();
|
|
}
|
|
|
|
}]);
|