monaca + OnsenUI + AngularJSで開発を実施しています。
ons-modalをindex.htmlで読み込むと、TypeError:Cannnot read property 'setAnimmationOptions' of undefined というエラーになります。
angular-onsenui.jsのClass.initというメソッドで発生しているようですがデバッグしきれていません。
以下再現するコードです。Monacaデバッガーで実行するとエラーとなります。
HTML
1<!DOCTYPE HTML> 2<html ng-app="app"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 6 <script src="lib/angular/angular.min.js"></script> 7 <script src="components/loader.js"></script> 8 <script src="lib/onsenui/js/onsenui.min.js"></script> 9 <script src="lib/onsenui/js/angular-onsenui.min.js"></script> 10 11 <link rel="stylesheet" href="components/loader.css"> 12 <link rel="stylesheet" href="lib/onsenui/css/onsenui.css"> 13 <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css"> 14 <link rel="stylesheet" href="css/style.css"> 15 16 <script> 17 18 var app_Name = "app" 19 var app = angular.module(app_Name, ['onsen']); 20 21 app.controller('HelloController', function() { 22 this.world = 'World'; 23 this.test = function(){ 24 loadingModal.show(); 25 } 26 }) 27 </script> 28 29 <script> 30 ons.ready(function() { 31 console.log("Onsen UI is ready!"); 32 }); 33 </script> 34</head> 35<body> 36 <ons-modal var="loadingModal"> 37 <div id="loadSpinner"> 38 </div> 39 </ons-modal> 40 41</body> 42</html> 43
コードの書き方等で回避できるようであれば、ご指摘をお願いできますでしょうか。
よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/01/10 10:19 編集