0
Я создал onsenUI AngularJS 1 минимальный шаблон в https://ide.monaca.mobionsenUI Пользовательский интерфейс AngularJS не работает должным образом?
создать один логин приложение, но дизайн пользовательского интерфейса не работает должным образом
Это мой index.html приложение
<!DOCTYPE HTML>
<html ng-app="myApp">
<head>
<script src="components/loader.js"></script>
<link rel="stylesheet" href="components/loader.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/login.js"></script>
</head>
<body ng-controller="loginCtrl">
<ons-navigator var="myNavigator" page="login.html"></ons-navigator>
</body>
</html>
Это мой Логин. HTML приложение
<ons-page>
<ons-toolbar>
<div class="center">My App</div>
</ons-toolbar>
<div style="text-align: center; margin-top: 30px;">
<p>
<input id="email" modifier="underbar" type="text" placeholder="Email" float ng-model="user.email">
</p>
<p>
<input id="password" modifier="underbar" type="password" placeholder="Password" float ng-model="user.password">
</p>
<p>
<input id="domain" modifier="underbar" type="text" placeholder="Domain" float ng-model="user.domain">
</p>
<p style="margin-top: 30px;">
<ons-button ng-click="submitLogin()">Sign in</ons-button>
</p>
</div>
</ons-page>
Это мой login.js
var myApp = angular.module("myApp", ['onsen']);
myApp.controller('loginCtrl', function($scope) {
$scope.submitLogin = function() {
alert("hello")
myNavigator.pushPage('page1.html');
};
});
Любая проблема, когда я делаю, пожалуйста, помогите мне. Я новичок в этом. И еще одна вещь на второй странице означает page1.html мне нужна панель, как я могу положить Thankyou