Ионная и 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>
                &nbsp;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>
                &nbsp;Login with Facebook
                </button>
        </div>
  </ion-content>
</ion-modal-view>

но это не работает, я не знаю, что я сделал неправильно, если у вас есть какие-либо учебные пособия по входу в систему, пожалуйста, не стесняйтесь связать его, потому что я все еще начинаю в этом, и я не мог найти полный пример, чтобы понять каждая вещь ясно спасибо!

0 ответов

Другие вопросы по тегам