javascript - getting data back to controller from form -


i have form below. when change text fields, shows changes here

<div>     {{authform.email}}{{authform.password}} </div>

but when try submit form ng-click="signup()" on button, doesn't send me value of text fields. below code

<div class="col-md-12" ng-controller="authctrl">           <div class="row">             <div class="col-md-14">                 <div class="jumbotron">                      <form>                         <div class="createuserdiv"><input type="text" name="email" placeholder="enter email address" ng-model="authform.email"/></div>                         <div class="createuserdiv"><input type="text" name="password" placeholder="enter password" ng-model="authform.password"/></div>                         <div class="createuserdiv"><input type="text" name="confirmpassword" placeholder="confirm password" ng-model="authform.confirmpassword"/></div>                          <p><a class="btn btn-lg btn-success" ng-click="signup()">splendid!<span                                 class="glyphicon glyphicon-ok"></span></a></p>                     </form>                     <div>                         {{authform.email}} {{authform.password}}                     </div>                 </div>              </div>         </div>  </div>

here js

angular.module('myapp')     .controller('authctrl', function ($scope, $http, $location) {           $scope.signup = function() {              $scope.authform = {};             $scope.authform.email = "";             $scope.authform.password  = "";             $scope.authform.confirmpassword  = "";              var data = {                 "datablob": {                     "email": $scope.authform.email,                     "password":  $scope.authform.confirmpassword                  }             };        console.log($scope.authform.email);      });

my console.log coming empty ...null....i not sure why not binding fields data. pretty new angular still trying figure out these things.

stat controller this:

angular.module('myapp') .controller('authctrl', function ($scope, $http, $location) {     $scope.authform = {};

then change signup method this:

$scope.signup = function() {     console.log($scope.authform); }

your values bound, when called $scope.authform = {}; inside of signup, overwriting of values.

also instead of ng-click="signup()" on button, this:

<form ng-submit="signup()">

which allow implement validations , submit on [enter] keypress when user in input field

for example, see fiddle


Comments

Post a Comment

Popular posts from this blog

apache - Remove .php and add trailing slash in url using htaccess not loading css -

i have add following code htaccess file removing .php extension , add trailing slash urls. worked fine reduced page loading speed , css code not loading @ all. pages ugly. please help rewriteengine on rewritebase / ## hide .php extension snippet # externally redirect /dir/foo.php /dir/foo rewritecond %{the_request} ^[a-z]{3,}\s([^.]+)\.php [nc] rewriterule ^ %1/ [r,l] # add trailing slash rewritecond %{request_filename} !-f rewritecond %{request_uri} !/$ rewriterule . %{request_uri}/ [l,r=301] # internally forward /dir/foo /dir/foo.php rewritecond %{request_filename} !-d rewritecond %{request_filename}.php -f rewriterule ^(.*?)/?$ $1.php [l] we can rewrite urls using .htaccess files. before writing in .htaccess files need verify kind of server using. can check server adding a <?php phpinfo(); ?> in php page. ensure mod_rewrite module enabled in apache server. can identified checking phpinfo included page. common methods used url rewriting follows ...
Read more

inno setup - TLabel or TNewStaticText - change .Font.Style on Focus like Cursor changes with .Cursor -

is possible change .font.style on focus tlabel or tnewstatictext happens cursor when use .cursor ? there no built-in support track mouse hovering in inno setup @ time. however, intercepting window procedure of controls can track yourself. following example need innocallback library: [setup] appname=my program appversion=1.5 defaultdirname={pf}\my program outputdir=userdocs:inno setup examples output [files] source: "innocallback.dll"; destdir: "{tmp}"; flags: dontcopy [code] #ifdef unicode #define aw "w" #else #define aw "a" #endif const gwl_wndproc = -4; wm_mousemove = $0200; type wparam = uint_ptr; lparam = longint; lresult = longint; twindowproc = function(hwnd: hwnd; umsg: uint; wparam: wparam; lparam: lparam): lresult; function setcapture(hwnd: hwnd): hwnd; external 'setcapture@user32.dll stdcall'; function releasecapture: bool; external 'releasecapture@user32.dll stdcall'; func...
Read more