Angular-google-map bounds example

Question

failed to figure out how to do it. I have a bunch of markers and I manually calculated the northeast and southwest points. but it looks there is no effect; ( looking forward an example how to use the bounds. Thanks.

html:

<google-map center="map.center" zoom="map.zoom" pan="true" draggable="true" bounds="maps.bounds"> 

js:

$scope.map = {
        // http://angular-google-maps.org/use
        center: {
            latitude: 34.04858,
            longitude: -84.29431
        },
        zoom: 16,
        lineStyle: {
            color: '#333',
            weight: 5,
            opacity: 0.7
        },
        bounds:{}

    };    
// in another call...............
$scope.map.bounds={
                          northeast : northeast,
                          southwest: southwest
                        }
  $scope.$apply();

Answer 1

I think that the problem may be the zoom. Logically speaking the zoom concept is not gets along with bounds, because the bounds define a zoom.