JSFiddle - React, Tailwind, and code Playground

by Akshay Dhankhar

HTML

<ion-view ng-app="app" hide-nav-bar="true" ng-controller="loginController" class="login-view">
  <ion-content class="padding">

    <div class="row row-center">
      <div class="col">

        <div id="logo"></div>

        <form>
          <div class="list">
            <label class="item item-input">
              <input type="text" placeholder="Membership No" ng-model="membershipNo">
            </label>
            <label class="item item-input">
              <input type="password" placeholder="Password" ng-model="password">
            </label>
          </div>

          <button class="button button-block button-positive button-login" ng-click="login()">
            Login
          </button>
        </form>

      </div>
    </div>

  </ion-content>
</ion-view>

JavaScript

var app= angular.module("app",[]);
app.controller('loginController', ['$scope', 
  function($scope, $localstorage) {

  $scope.membershipNo;
  $scope.password;
  $scope.login = function () {
    alert("User logged in with membership no: " + ($scope.membershipNo || '') +
    "\n and password: " + ($scope.password || ''));
  }

}]);