monaca Onsen UI で setActiveCarouselItemIndex() エラーがでます。
monaca+onsen uiで、アプリの勉強をしております。
monaca は、「Onsen UI V2 Angular 1 Minimum」を選択し、新規プロジェクトを作成しました。
参考ページとして
「Onsen UIを使ってスワイプで切り替えられるタブを実装する」
http://cly7796.net/wp/javascript/to-implement-a-tab-to-be-switched-in-the-swipe/
を見つけましたので、そのプログラムをmonacaに入力してテストしました。
スワイプで画面遷移はできたのですが、タブをクリックすると、
TypeError: tab.setActiveCarouselItemIndex is not a function
というエラーがでます。
該当箇所のhtmlファイルは、
<ons-carousel var="tab" swipeable auto-scroll ng-style="tabHeight">
<ons-carousel-item ng-repeat="belong in belongData.belongs">
(表示内容)
</ons-carousel-item>
</ons-carousel>
となっており、jsファイルは、
$scope.changeTab = function(index) {
tab.setActiveCarouselItemIndex(index);
}
となっております。
まだ勉強を始めたばかりで、もしかするとonsen uiのバージョンが関係するのかと思いましたが、よくわかりませんでした。
何かヒントでもいただけると助かります。
どうぞよろしくお願いいたします。