Monacaでアプリ開発をしています。
Onsen UIをベースにしたデザインを採用して、
http://ja.onsen.io/reference/ons-popover.html
こちらにあるpopoverを使って
ボタンのタップイベント時にPopoverを表示させることに成功しました。
加えて、コントローラ間でのバインドについても成功しました。
ここで質問です
PopoverControllerのonclickが起動しないのですが、どうすればよいでしょうか。
lang
1var app = ons.bootstrap(); 2app.factory("SharedStateService", function() { 3 return { 4 popovernum: '' 5 }; 6}); 7app.controller('PageController', function($scope,SharedStateService) { 8 ons.ready(function() { 9 ons.createPopover('popover.html', {parentScope: $scope}).then(function(popover) { 10 $scope.popover = popover; 11 }); 12 $scope.show = function(e,num) { 13 SharedStateService.popovernum = num; 14 $scope.popover.show(e); 15 }; 16 }); 17}); 18app.controller('PopoverController', function($scope,SharedStateService) { 19 $scope.data = SharedStateService; 20 $scope.onclick = function(eventnum) { 21 //ebentnumに対応したイベント内容を記述 22 } 23});
lang
1 <ons-popover ng-controller="PopoverController" var="popover" cancelable style="width: 95%;"> 2 <link rel="stylesheet" href="css/popover.css"> 3 <ons-row> 4 <ons-col class="menu-item-col" ng-click="onclick({{data.popovernum}}) popover.hide()"> 5 <ons-icon icon="ion-upload" class="menu-item-icon"></ons-icon> 6 <div class="menu-item-label" color: #999;>編集</div> 7 </ons-col> 8 </ons-row> 9 </ons-popover>
lang
1<div ng-controller="PageController"> 2<ons-button modifier="light" ng-click="show($event,1)">popover表示</ons-button> 3</div>
あなたの回答
tips
プレビュー