javascript - How to convert jQuery code into usable AngularJS code -



javascript - How to convert jQuery code into usable AngularJS code -

i new angularjs , create functionality login page similar find here when click 'forgot password' link:

http://bootsnipp.com/snippets/featured/login-amp-password-reminder#comments

is best utilize directive, since behavioral, instead of controller? i've tried quite bit creating controller it, search help on subject find using controller may not way go. here latest trials unsuccessful (the link nil when clicked):

on controller side in js file:

angular.module('mean.users') .controller('switcherctrl', ['$document', function($document) { $document.ready(function () { $document.getelementbyid('olvidado').click(function (e) { e.preventdefault(); $document.getelementbyid('form-olvidado').toggle('500'); }); $document.getelementbyid('acceso').click(function (e) { e.preventdefault(); $document.getelementbyid('form-olvidado').toggle('500'); }); }); } ])

on html side, included ng-controller="switcherctrl" necessary.

jquery approach incompatible angularjs. dom manipulation allowed in directives in link function otherwise bad practice. seek start scratch , forget jquery. magic of angularjs happens 2-way bindings.

you utilize directive, login controller , factory/service hold username , password , send database. login there no need jquery @ all. can check question here: angularjs- login , authentication in each route , controller

edit: in question above, not directive instead of controller. directive can have controller applied specific scope. same thing both depends how many times reuse login snippet - guess won't need believe still practice create one.

edit 2: if havent' read one, please it! believe reply of questions 2 different (opposite say) technologies. how "think in angularjs" if have jquery background? since came jquery background too, followed these 4 resources in order , can create of things want:

introduction angular.js in 50 examples (part 1) https://www.youtube.com/watch?v=trrl5j3mivo

introduction angular.js in 50 examples (part 2) https://www.youtube.com/watch?v=6j08m1h2bme

free interactive angularjs learning beginners https://www.codeschool.com/courses/shaping-up-with-angular-js

more angularjs resources topic egghead.io https://egghead.io/technologies/angularjs

javascript jquery angularjs controller directive

Comments

Post a Comment

Popular posts from this blog

php - Edges appear in image after resizing -

php - Edges appear in image after resizing - i have implemented next function: private static function generatepicture($sizekey, $src, $initialwidth, $initialheight, $imagetype) { $destination = adimage::addsizekey($sizekey, $src); if (file_exists($destination)) { return; } $finalsize = adimage::$sizes[$sizekey]; $initialratio = $initialwidth / $initialheight; $finalratio = $finalsize["w"] / $finalsize["h"]; $newimage = imagecreatetruecolor($finalsize["w"], $finalsize["h"]); imagealphablending( $newimage, false ); imagesavealpha( $newimage, true ); $oldimage = imagecreatefromstring(file_get_contents($src)); if ($initialratio >= $finalratio) { $scale = $finalsize["h"] / $initialheight; $surpluss = abs($initialwidth - ($initialheight * $finalratio)); imagecopyresized($newimage, $oldimage, 0, 0, $surpluss / 2, 0, $finalsize["w"], $finalsize[&q
Read more

ios8 - iOS custom keyboard - preserve state between appearances -

ios8 - iOS custom keyboard - preserve state between appearances - i'm having performance problems custom keyboard i'm working on. loading words in spell correction tree takes quite bit of time. seems done each time keyboard appears - there way preserve state of keyboard? apps can suspend / resume etc - can't find documentation on how extensions, or if there's mechanism doing att all. thanks! you loading dictionary net or disk? first case nsuserdefaults, encoding (nscopying) options store info. can load in background. according docs, os typically kills extension process, so, think there no way prevent keyboard objects deallocation (you may utilize nskeydarchiver). ios8 ios-app-extension custom-keyboard
Read more

Delphi change the assembly code of a running process -

Delphi change the assembly code of a running process - i'm trying alter address 00741fa5 has push test.009e721c . alter push test.009e71c8 . procedure callback; asm force $9e71c8 end; procedure tform2.btn1click(sender: tobject); var ppid :dword; pprocess : cardinal; begin getwindowthreadprocessid(findwindow(nil,pchar('test')), @ppid); pprocess := openprocess(process_all_access, false, ppid); injectasm(pprocess, $741fa5, 10, integer(@callback), 0); end; here injectasm function (with error checking) function injectasm(process: longword; injectaddress, injectsize, codeaddress, codesize : integer): pointer; var csize, rsize : integer; replaced : array of byte; jmp : array [0..4] of byte; jmpaddress : integer; nopv : byte; : integer; nbr: ulong_ptr; begin //injectsize must equal or greater 5, because need space our //(far) jmp wwxxyyzz instruction //if there's no space, inject in place of few instructions if injectsize &
Read more