Angular Kendo Mobile を使用してクロスプラットフォーム アプリケーションを構築しています。
「kendo-list-view」を使用して剣道リストを作成しています。
<div kendo-list-view >
ユーザーがこのリストをスクロールしたときに、コントローラーでイベントを取得したいと考えています。
また、以下の質問に記載されているように、純粋な角度コードを使用してスクロール イベントを取得しようとしました。
クラス トグルをウィンドウ スクロール イベントにバインドする
しかし、私の場合は何も起こらず、ディレクティブ内のコードは呼び出されません。
アップデート
私は以下のようにリストビューを備えたHTMLを持っています:
<kendo-mobile-view id="myListScreen" k-transition="'slide'" k-title="'My List'" k-layout="'default'" ng-controller="myListCtrl">
<kendo-mobile-header >
<kendo-mobile-nav-bar style="background-color: gray">
<kendo-view-title style="color: white"></kendo-view-title>
<kendo-mobile-button k-rel="'drawer'" href="#navDrawer" k-align="'left'"><img src="img/menu.png"></kendo-mobile-button>
</kendo-mobile-nav-bar>
</kendo-mobile-header>
<div class="myListMainDiv">
<div kendo-list-view
id="myListViewDiv"
class="myListViewDiv"
k-template="templates.myListViewItem"
k-data-source="myService.listDataSource"
ng-show="showListSelected"
></div>
</div>
<script id="myListViewItem" type="text/x-kendo-template">
<div id="{{dataItem.id}}" ng-click="onSelected(dataItem.id)">
{{dataItem.name}}
</div>
</script>
</kendo-mobile-view>
ユーザーが を使用してこのページに移動することを選択したときに、ルート ページにこのページをロードしていますkendo.mobile.application.navigate("MyList.html");
。このページのコントローラーが読み込まれると、リストを作成し、データ ソースに new kendo.data.DataSource
アタッチしました。new kendo.data.ObservableArray