File: README.md

Recommend this page to a friend!
  Classes of Harcharan Singh  >  ng-forms  >  README.md  >  Download  
File: README.md
Role: Documentation
Content type: text/markdown
Description: Documentation
Class: ng-forms
Module to handle forms with Angular.js
Author: By
Last change: v1.4 updates
Date: 3 years ago
Size: 2,330 bytes


Class file image Download


Form Handler for angular js


angular 1.6

Note: for angular 1.5 switch to version 1.3 branch


var myApp = angular.module('myApp', ['ngRoute', 'ngForms']);

$scope.form = {};

$scope.signin = $ngForm.create({

        url: 'login',
        method: 'post',
        scope: $scope, 
        path: 'form',
        multipart: false // optional, make it true in case of file upload

    }, {

        success: function (o) {



  <form class="login-form">
      <h1>Login to your account</h1>

      <div  uib-alert  close="dismiss()"  ng-hide="form.response.alert.class == undefined" class="alert alert-{{form.response.alert.class}}">{{form.response.alert.text}}</div>
      <div class="form-group" ng-class="{'has-error': form.response.hasError('email')}">
              <label for="inputEmail" class="sr-only">Username or Email</label>
              <input  ng-model="form.username" type="text" id="inputEmail" class="form-control" placeholder="Username or Email" required autofocus>
              <div class="help-block">{{form.response.error('email')}}</div>
      <div class="form-group" ng-class="{'has-error': form.response.hasError('email')}">
              <label for="inputPassword" class="sr-only">Password</label>
              <input  ng-model="form.password" type="password" id="inputPassword" class="form-control" placeholder="Password" required>
              <div class="help-block">{{form.response.error('email')}}</div>
      <div class="checkbox">
          <input type="checkbox" value="remember-me" ng-model="form.remember"> Remember me
      <button class="btn btn-primary btn-block" type="submit"  ng-click="signin.handle()">Sign in</button>

ng-forms is built especially for laravel developers

// Laravel validations
$validation = Validator::make($request->all(), $rules);

if ($validation->fails()) {
	return ['success' => false, 'errors' => $validation->errors()];

Note: dismiss function will hide alert. directly bind to some button or use in angular-ui close attribute

Ver:1.2 - 2 functions added for error handling (hasError() and error() in server response object)