16651


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

[code]

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

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

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

[code]

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


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()`関数を利用してください。

[code]

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

参考  
<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