ons-modalをindex.htmlで読み込んだ際にsetAnimationOptionsプロパティがundefinedであるというエラーになる

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件

ベストアンサー

onsen-uiのissueを確認したところ似たような現象が上がっていますが
情報不足の為closeされていました。
issueに再現方法を記入して回答を待つのが良いと思います。
（日本語で書きこんでも対応してくれるはずです）
https://github.com/OnsenUI/OnsenUI/issues/1604

投稿2017/01/06 16:57