如何刷新角度ui-map(谷歌地图)

我最初用ng-hide隐藏了地图.当ng-hide-expression的计算结果为true时,地图未正确显示.它只是部分显示,拖动时行为也很奇怪.当我删除ng-show属性时,地图显示正确.

HTML:

   Show map
   

      

      
      

      
   

使用Javascript:

angular.module('doc.ui-map', ['ui.map'])
        .controller('MapCtrl', ['$scope', function ($scope) {

$scope.myMarkers = [];

$scope.mapOptions = {
        center: new google.maps.LatLng(35.784, -78.670),
        zoom: 15,
        mapTypeId: google.maps.MapTypeId.ROADMAP
}
$scope.showMap = function(){
        $scope.showMapVar = true;
}

}]) ;

musically_ut.. 11

ng-show仅使用display属性none将对象设置为不可见.这搞乱了height/ width计算.

另一方面,ng-if(Angular 1.2)删除并重新创建DOM,强制重新计算height/ width.这应该解决问题.