title: Angular OpenLayers - Zoom to box with bounds
body: <p>I tried to figure out how to zoom the map to box with bounds but couldn't find a good example.
  I tried with </p>
  
  <pre><code>angular.extend($scope, {
          offset: 0,
          center: {
              lat: 30.0047,
              lon: 31.2586,
              bounds: [30.566461328125,
                       29.766565657014183,
                       31.950738671875005,
                       30.242264176913594]
          }
      });
  </code></pre>
  
  <p>How can I set themap to zoom to the bounding box without complicate conversion of the 4 bounds to (center, zoom)?</p>