16651
下記のように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);
    }]);
    })();
    
```
CC BY-SA 3.0
2015-09-15T10:08:43.487
16636
2015-09-15T14:56:45.487
10753
question
onsen-ui
var属性に指定したコンポーネントをコントローラーで使用できない
コンポーネントにアクセスするにはOnsenUIの初期化完了を待つ必要がありますので、`ons.ready()`関数を利用してください。

```

    (function(){
    'use strict';
    
    app.controller('FooController', ['$scope', function($scope) {
        ons.ready(function(){
            console.log(app.carousel);
        });
    }]);
    })();
    
```

参考  
<http://ja.onsen.io/guide/overview.html#UsingVarAttributeToSpecifyAComponent>
CC BY-SA 3.0
2015-09-15T14:16:22.447
16651
2015-09-15T14:56:45.487
2015-09-15T14:56:45.487
8532
8532
16636
answer