勉強のため、Monacaを使い、ハイブリッドアプリを作っています。
AngularJSでOnsenUIのons-navigatorを実装したのですが、
実機ではきちんと表示されるのですが、
Monacaクラウド上では{{・・・}}と表示されてしまいます。
どうすればどちらも正しく表示できるようになるでしょうか?
page1はviewsフォルダのを参照しています。
-----index.html----- <!DOCTYPE HTML> <html ng-app="my-app"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> <script src="components/loader.js"></script> <script src="lib/angular/angular.min.js"></script> <script src="lib/onsenui/js/onsenui.min.js"></script> <script src="lib/onsenui/js/angular-onsenui.min.js"></script> <script src="scripts/main.js"></script> <link rel="stylesheet" href="components/loader.css"> <link rel="stylesheet" href="lib/onsenui/css/onsenui.css"> <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <ons-navigator var="navi" page="views/page1.html" ng-controller="MainCtrl as main"> </ons-navigator> </body> </html>
-----views/page1.html----- <ons-page> {{main.msg}} </ons-page>
-----scripts/main.js----- angular.module('my-app', ['onsen']) .controller('MainCtrl', function() { this.msg = 'aaa'; });
あなたの回答
tips
プレビュー