I'm using Angular-UI's carousel and I need to tell my google charts to redraw after they have slid into view. In spite of what I've read, I can't seem to hook into the event. 

See my attempt:
<http://plnkr.co/edit/Dt0wdzeimBcDlOONRiJJ?p=preview>

HTML:

```
<carousel id="myC" interval="myInterval">
  <slide ng-repeat="slide in slides" active="slide.active">
    <img ng-src="{{slide.image}}" style="margin:auto;">
    <div class="carousel-caption">
      <h4>Slide {{$index}}</h4>
      <p>{{slide.text}}</p>
    </div>
  </slide>
</carousel>

```

On document load:

```
$('#myC').live('slid.bs.carousel', function (event) { console.log("slid"); } );

```

It should work something like this:
<http://jsfiddle.net/9fwuq/> - non-angular-ui carousel

Perhaps there is a more Angular way to hook into the fact that my chart has slid into view?