Ионная и Restrict аутентификация и регистрация
Я новичок в ionic,angularjs и Restangular, и я создаю мобильное приложение, используя все эти рамки + couchbase. Я нахожусь в процессе регистрации и я немного запутался. я попробовал этот код, но он не работает: я создал страницу signup.html следующим образом
<ion-modal-view>
<ion-header-bar>
<h1 class="title">Sign in</h1>
<div class="buttons">
<button class="button button-clear" ng-click="closeSignin()">Close</button>
</div>
</ion-header-bar>
<ion-content>
<form ng-submit="doSignin()" name="form1">
<div class="list">
<label class="item item-input">
<span class="input-label">First Name</span>
<input type="text" ng-model="signinData.firstName" required>
</label>
<label class="item item-input">
<span class="input-label">Last Name</span>
<input type="text" ng-model="signinData.lastName" required>
</label>
<label class="item item-input">
<span class="input-label">Birth Day</span>
<input type="date" ng-model="signinData.birthday" required>
</label>
<label class="item item-input">
<span class="input-label">sex </span>
<ion-radio ng-model="signinData.sex" ng-value="'Male'">Male</ion-radio>
<ion-radio ng-model="signinData.sex" ng-value="'Female'">Female</ion-radio>
</label>
<label class="item item-input">
</label>
<label class="item item-input">
<span class="input-label">Email</span>
<input type="email" ng-model="signinData.email" required>
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password" ng-model="signinData.password" required>
</label>
<label class="item">
<button class="button button-block button-positive" type="submit" >Sing in</button>
</label>
</div>
</form>
<div>
<button class="button button-block button-light" ng-click="facebookLogin()">
<i class="icon ion-social-facebook"></i>
Sign in with Facebook
</button>
</div>
</ion-content>
</ion-modal-view>`
и я создал контроллер:
.controller('SigninCtrl',function($scope, $ionicModal, $timeout, $state, OpenFB){
$scope.signinData = [];
// signin model
$ionicModal.fromTemplateUrl('templates/signin.html', {
scope: $scope
}).then(function(modal) {
$scope.modal = modal;
});
// Triggered in the signiin modal to close it
$scope.closeSignin = function() {
$scope.modal.hide();
};
// Open the signin modal
$scope.signin = function() {
$scope.modal.show();
};
// Perform the signin action when the user submits the signin form
$scope.doSignin = function() {
console.log('Doing Sinin', $scope.signinData);
// Simulate a signin delay. Remove this and replace with your signin
// code if using a signin system
$timeout(function() {
$scope.closeSignin();
}, 1000);
};
})
и вот форма logIn.html, включающая кнопку входа, и я хочу, чтобы она привела меня к signIn.html.
<ion-modal-view>
<ion-header-bar>
<h1 class="title">Login</h1>
<div class="buttons">
<button class="button button-clear" ng-click="closeLogin()">Close</button>
</div>
</ion-header-bar>
<ion-content>
<form ng-submit="doLogin()" name="form1">
<div class="list">
<label class="item item-input">
<span class="input-label">Username</span>
<input type="text" ng-model="loginData.username" required>
</label>
<label class="item item-input">
<span class="input-label">Password</span>
<input type="password" ng-model="loginData.password" required>
</label>
<label class="item">
<button class="button button-block button-positive" type="submit" ng-disabled="form1.$invalid">Log in</button>
</label>
<label class="item">
<button class="button button-block button-positive" type="submit" ng-click="signin()" >Sign up</button>
</label>
</div>
</form>
<div>
<button class="button button-block button-light" ng-click="facebookLogin()">
<i class="icon ion-social-facebook"></i>
Login with Facebook
</button>
</div>
</ion-content>
</ion-modal-view>
но это не работает, я не знаю, что я сделал неправильно, если у вас есть какие-либо учебные пособия по входу в систему, пожалуйста, не стесняйтесь связать его, потому что я все еще начинаю в этом, и я не мог найти полный пример, чтобы понять каждая вещь ясно спасибо!