Monaca+onsen ui+angular.js+mBaaSでアプリケーション開発を始めたいと思っています。
サンプルを使ってonsen ui でログインページを作りmBaaSにログインしたかったのですが
ログインボタンが表示されません。いろいろ試したのですが原因がわからず、困っています
よろしくお願いします。
<!DOCTYPE HTML> <html ng-app="myApp" > <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> <link rel="stylesheet" href="components/loader.css"> <link rel="stylesheet" href="css/style.css"> <script> // Add your code her ons.bootstrap('myApp',[]); app.controller('logincontroller', function(userInfo, $scope) { $scope.login = function(userNameLogin, passwordLogin) { //ニフティクラウド mobile backendにログインする NCMB.User.logIn(userNameLogin, passwordLogin, { success: function(user) { userInfo.refresh(); myNavigator.pushPage("mainPage.html"); console.log("ここまで実行中"); }, error: function(user, error) { ons.notification.alert({ message: error.message, title: "ログイン失敗", buttonLabel: "OK", animation: "default" }); } }); }; }); </script> </head> <body> <ons-sliding-menu var="app.slidingMenu" menu-page="menu.html" main-page="login2.html" side="left" type="overlay" max-slide-distance="200px"> </ons-sliding-menu> <script src="js/vendor/ncmb-1.2.6.min.js"></script> <script src="js/vendor/tappable.js"></script> <script src="js/vendor/zepto.min.js"></script> <script src="js/base.js"></script> </body> </html>
TOPページのlogin2.html内容
<ons-page > <ons-toolbar> <div class="center">ホームページ</div> </ons-toolbar> <div style="text-align: center" ng-controller="logincontroller"> <h1>中古品交換</h1> <p>ユーザー名</p> <p> <input class="text-input" type="text" ng-model="userName" /> </p> <p>パスワード</p> <p> <input class="text-input" type="password" ng-model="password" /> </p> <ons-button modifier="light" class="index-button" ng-click="login(userName, password);">ログイン</ons-button> <br/> <ons-button modifier="light" class="index-button" ng-click="myNavigator.pushPage('signUp.html');">新規会員作成</ons-button> </div> </ons-page> ```- リスト
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。