从控制器角度设置CSS样式

HTML：

<div ng-controller="main">
    <div ng-style="mapheight">
        <google-map center="center" zoom="zoom" style="height: inherit;"></google-map>
        </div>
</div>

控制器：

angular.module('csApp.controllers',["google-maps"]).
    controller("main",function($scopE) {
        $scope.mapheight = "{'min-height':" + getHeight() + "px;}";
        $scope.center = {
            latitude: 45,longitude: -73
        };
        $scope.zoom = 8;

        function getHeight() {
            return (window.innerHeight * .70);
        }
    })

根本没有风格适用于我的div.

当我将{{mapheight}}放在我的模板中时,我可以通过变量,但是我必须将其传递给style属性,这显然不是我应该怎么做的.

我在这里做错了什么？这是我第一天有角度,我几乎流泪,因为我甚至不能调整大小.

谢谢！

这是我的控制器的变化：

$scope.mapHeight = { 'min-height': getHeight() };