質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.12%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

Onsen UI

HTML5で記述されたモバイルアプリの高速化、およびネイティブアプリライクなUIが作れるフレームワーク。 様々なJavaScriptフレームワークと併せて使用することができます。スマートフォン向けアプリ、Webサイトに必要なアニメーション、UI/UXを実装することが可能になります。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

解決済

AngularJSのcreateDialogのエラー

退会済みユーザー

退会済みユーザー

総合スコア0

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

Onsen UI

HTML5で記述されたモバイルアプリの高速化、およびネイティブアプリライクなUIが作れるフレームワーク。 様々なJavaScriptフレームワークと併せて使用することができます。スマートフォン向けアプリ、Webサイトに必要なアニメーション、UI/UXを実装することが可能になります。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

2回答

0グッド

0クリップ

2466閲覧

投稿2016/04/24 17:52

編集2016/04/24 17:53

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 }]);

どのように修正を加えれば動くようになるでしょうか?
ご教示お願いいたします。

以下のような質問にはグッドを送りましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

グッドが多くついた質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

回答2

1

AngularJS の標準モジュールには createDialog() というメンバー関数は定義されていません。
ちょっと検索してみたところ、Fundoo Solutions が開発しているOSSライブラリの createDialog.js というのがありましたが、これを使おうとしていらっしゃるのではないでしょうか。

createDialog.jsの使い方は以下のサイトで説明されています。

使い方は以下のように説明されています。

  1. createDialog.js を HTMLファイルにインクルード(<script>参照を定義)
  2. app 定義の外部参照モジュールに 'fundoo.services' を追加
  3. コントローラーに 'createDialog' をインポート
  4. 既定の構文通りに createDialog() を呼び出す

これらの具体的な記述方法は、上記の Live demo サイトのソースを表示するとわかります。
ご参考になれば。

投稿2016/04/24 23:56

tkanda

総合スコア2425

chiku_👍を押しています

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

0

ベストアンサー

app.createDialogではなく、ons.createDialogで動くと思います。

Onsen(ons-dialog)

投稿2016/05/09 02:14

編集2016/05/09 02:20
yamagatch

総合スコア15

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.12%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

Onsen UI

HTML5で記述されたモバイルアプリの高速化、およびネイティブアプリライクなUIが作れるフレームワーク。 様々なJavaScriptフレームワークと併せて使用することができます。スマートフォン向けアプリ、Webサイトに必要なアニメーション、UI/UXを実装することが可能になります。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。