Change map height on ng-click


#1

hi Onic community,
many thanks for the good job!

i tray to change the map height on map ng-click,
over changing css class.

any help ?!
thanks

i have some thing like:
1/ CSS

.full-map{
	height:640px;
}
.small-map{
	height:220px;
}

2/ JS

angular.module('ngToggle', [])
    .controller('Markers',['$scope', function($scope){
        $scope.custom = true;
        $scope.toggleCustom = function() {
            $scope.custom = $scope.custom === false ? true: false;
        };
}]);

#2

You could do this.

div class="map"
      ng-click="data.tall = !data.tall"
      ng-class="!data.tall? 'small' : ''">
</div>

#3

so good!
many thanks :slight_smile: