AngularJs code efficiency mvc framework

Question

I'm just new to AngularJs and haven't understand the whole thing yet, I have a lot of questions and these are the following:

I want to hit the code on the controller during onclick only, Is it possible?
Or it's impossible since the controller is always loaded when the view loads?
What's the best way for me to create a function that will only hit during onclick of the button? And not everytime the page loads. (AngularJs way)

This is my html:

<ion-view view-title="Account Fixer"> <ion-content class="padding"> <div class="list"> <label class="item item-input item-stacked-label"> <span class="input-label">IrId</span> <input type="text" placeholder="irid" value="{{irid}}" disabled> </label> <label class="item item-input item-stacked-label"> <span class="input-label">Email</span> <input type="text" placeholder="Enter New Email" value="{{email}}"> </label> <button class="item button button-block button-positive" ng-click="postForm()">Fix Issue</button> </div> </ion-content> </ion-view>

This is my controller:

.controller('TestCtrl',function(Test,$scope, $http, $stateParams){ $scope.email = Test.get('AB12345').email; $scope.irid = Test.get('AB12345').irid; //I want to hit this during onclick ONLY $scope.postForm = function(dataForm){ var encodedString = 'action=' + encodeURIComponent("QA_fixEmail") + '&irid=' + encodeURIComponent(Acct.acctData().irid) + '&email=' + encodeURIComponent(dataForm.email) + '&password=' + encodeURIComponent("abcd1234"); $http({ method: 'POST', url: 'someservice', data: encodedString, headers: {'Content-Type': 'application/x-www-form-urlencoded'} }) .success(function(data,status){ console.log(status); }) .error(function(data, status){ console.log(status); }) } })

What you've shown so far should work just fine. In what way is it not working? — David L
– David L, Commented May 19, 2016 at 2:31
It's working, what I want to achieve is, to hit the $scope.postForm ONLY during button click from my html — JC Borlagdan
– JC Borlagdan, Commented May 19, 2016 at 2:33

Community · Accepted Answer · 2017-05-23 11:44:04Z

1

Q: Is it possible ... to [hit a function] during onclick only?

A: Yes, of course. Just use ngClick

Here are some examples:

AngularJS Events

Note that one link uses ng-click, and the other link uses ngClick. These are equivalent:

AngularJS, ng-click vs ng:click vs ngClick

edited May 23, 2017 at 11:44

CommunityBot

11 silver badge

answered May 19, 2016 at 2:30

paulsm4

123k23 gold badges175 silver badges245 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

JC Borlagdan Over a year ago

sir paul, but why is it when I place a breakpoint on the code it hits the $scope.postForm = function() even if I didn't click the button yet

paulsm4 Over a year ago

Because DEFINIING a JS function (done when the code is first parsed) is different from EXECUTING a function (done only when it's called - e.g. by the click event). Put your breakpoint INSIDE postForm and you should see what I mean. 'Hope that helps :)

JC Borlagdan Over a year ago

so this means, it only initialized the function? but not necessarily execute did i get your explanation right?

paulsm4 Over a year ago

Yes, exactly. BTW: your code looks fine, and it looks like you're already familiar with ngClick ;)

JC Borlagdan Over a year ago

yes i've used ngClick on my other pages. thanks btw, i thought during the hit, it was executing... Thanks!

Collectives™ on Stack Overflow

AngularJs code efficiency mvc framework

1 Answer 1

5 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Linked

Related