navigator.popPage()で戻った時にアイテムを渡す方法を記述します。
下記はOnsen UI最小限のテンプレートを基に作ってみました。方法としてはeventのbroadcastを用いるのが一番手軽かと思います。page2.htmlでイベントを発行してpage1.htmlでイベントとアイテムの受信を行う方法を載せておきます。お役に立てると幸いです。
index.html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<script src="components/loader.js"></script>
<link rel="stylesheet" href="components/loader.css">
<link rel="stylesheet" href="css/style.css">
<script>
var myApp = ons.bootstrap();
myApp.controller('firstCtrl', function($scope) {
$scope.$on('itemSelected', function(e, item) {
alert(item.id);
});
});
myApp.controller('secondCtrl', function($scope, $rootScope) {
$scope.someObject = [
{name: "hoge" , id : 1},
{name: "fuga" , id : 2},
{name: "Onsen" , id : 3},
{name: "Monaca!" , id : 3}
];
$scope.passToPage1 = function(index) {
var selectedItem = $scope.someObject[index];
myNavigator.popPage();
$rootScope.$broadcast('itemSelected', selectedItem);
}
});
</script>
</head>
<body>
<ons-navigator var="myNavigator" page="page1.html">
</ons-navigator>
</body>
</html>
page1.html
<ons-page ng-controller="firstCtrl">
<ons-toolbar>
<div class="center">Navigator</div>
</ons-toolbar>
<div style="text-align: center">
<br>
<ons-button
onclick="myNavigator.pushPage('page2.html')">
Push Page 2
</ons-button>
</div>
</ons-page>
page2.html
<ons-page ng-controller="secondCtrl">
<ons-toolbar>
<div class="left"><ons-back-button>Back</ons-back-button></div>
<div class="center">Page 2</div>
</ons-toolbar>
<ons-list>
<ons-list-item ng-repeat="item in someObject track by $index" ng-click="passToPage1($index)">{{item.name}}</ons-list-item>
</ons-list>
</ons-page>