var属性に指定したコンポーネントをコントローラーで使用できない

下記のようにvar属性にcarouselコンポーネントを指定しております。

<ons-carousel swipeable overscrollable auto-scroll fullscreen var="app.carousel" ng-controller="FooController">

次にコントローラーでcarouselをログに出力しました所、undefinedが返って来てしまいます。
こちらのコードの問題点わかりましたらご教示頂ければと思います。

よろしくお願いいたします。

(function(){
'use strict';

app.controller('FooController', ['$scope', function($scope) {
    console.log(app.carousel);
}]);
})();