monacaを利用して、Androidアプリ制作をしているのですが
AngularJSのcreateDialogが思うように動かず困っています。
JSONデータを読み込み、リスト表示をして、
クリックするとダイアログに詳細を表示、というようにしたいです。
以下のコードで動かしているのですが
「app.createDialog is not a function」と出てしまいます。
html
1<ons-page ng-controller="myCtrl"> 2 <ons-toolbar> 3 <div class="left"><ons-back-button>Back</ons-back-button></div> 4 <div class="center">List</div> 5 </ons-toolbar> 6 7 <ons-list class="person-list"> 8 <ons-list-item class="person" modifier="chevron" ng-repeat="data in datas"> 9 <ons-row ng-click="showDetail(data.title);"> 10 <ons-col class="person-name"> 11 {{ data.title }} 12 </ons-col> 13 </ons-row> 14 </ons-list-item> 15 </ons-list> 16 17 <ons-template id="detail.html"> 18 <ons-dialog var="dialog" cancelable=""> 19 <ons-navigator> 20 <ons-toolbar inline=""> 21 <div class="center">Nav</div> 22 </ons-toolbar> 23 <div style="text-align:centerl"> 24 dialog 25 </div> 26 </ons-navigator> 27 </ons-dialog> 28 </ons-template> 29</ons-page> 30
JavaScript
1var app = angular.module('myApp', ['onsen']); 2 app.controller('myCtrl', ['$scope', '$http', function($scope, $http) { 3 // JSON File 4 $http.get('json/list.json').success(function(data) { 5 $scope.datas = data; 6 }).error(function(e) { 7 alert('ロードに失敗しました'); 8 }); 9 10 // click event 11 $scope.showDetail = function(val) { 12 app.createDialog('detail.html').then(function(dialog) { 13 $scope.dialog; 14 dialog.show(); 15 }); 16 } 17 }]);
どのように修正を加えれば動くようになるでしょうか?
ご教示お願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。