スマホでよくある、タッチ＆スライドによる、リストの並び替えを実現する方法。jQuery UIのsortableを使います。 まずは、コンポーネントを追加します。「設定」から「JS/CSSコンポーネントの追加と削除...」を開き、jqueryで検索して、「jquery-ui」を「追…

今回は、 テキストボックスを含むリストを表示させ、最終行に「合計」を表示。 テキストボックスの変更で、リアルタイムに「合計」を変更する。 を実現する方法です。まずは、スクリプトですが、Angularの依存性注入（DI）を使います。 http://js.studio-kin…

配列のバインディング JavaScriptで以下のように、myListにJSON形式で配列を作成。 var app = angular.module('myApp', ['onsen.directives']); app.controller('listCtrl',function($scope){ $scope.myList = [{'id':1,'item':'test1'},{'id':2,'item':'tes…

まずは、プロジェクト作成。 今回は「Onsen UI Tabbar」を選びました。 index.htmlに <ons-tabbar var="tabbar"> の記載があり、タブバーになっています。 <ons-tabbar-item> でそれぞれのタブが指定がされています。 「Home」にはnavigator.htmlが指定されており、 <ons-navigator title="Navigator" var="myNavigator" page="page1.html"> でナビゲーション（ページが親子関</ons-navigator></ons-tabbar-item></ons-tabbar>…