angular - stop two way binding or local value

Question

I would like to NOT bind javascript local value to $scope function automatically, but angular did.

javascript code

    var startat = true;
    $scope.chagneStart = function() { startat = !startat}
    $scope.isStart = function() { return angular.copy( startat); }

html code

<checkbox ng-click="chagneStartAt()">
<tr ng-show="isStartAt()"> ... </tr>

When I cliked checkbox, tr tag would be show or not depend on start value. I want to NOT change tr tag until call some other function, like applyOption().

Your question is not clear to me :)

codtex
– codtex

2017-07-11 06:38:51 +00:00
Commented Jul 11, 2017 at 6:38 — codtex
– codtex, Commented Jul 11, 2017 at 6:38
Provide your html code too.

Surjeet Bhadauriya
– Surjeet Bhadauriya

2017-07-11 06:43:04 +00:00
Commented Jul 11, 2017 at 6:43 — Surjeet Bhadauriya
– Surjeet Bhadauriya, Commented Jul 11, 2017 at 6:43
Sorry for unclear question. I added some html code.

J.Done
– J.Done

2017-07-11 06:45:55 +00:00
Commented Jul 11, 2017 at 6:45 — J.Done
– J.Done, Commented Jul 11, 2017 at 6:45

Surjeet Bhadauriya · Accepted Answer · 2017-07-11 07:07:20Z

1

The problem is that you are calling the function inside <tr></tr> tag (ng-show="isStartAt()") which is incorrect here.

Actually, what happens, it calls the function repeatedly. You can check this by keeping console.log('') in your function named isStartAt().

So when you click on checkbox, the function chagneStart() gets called. And it updates the value of var startat. And because your tag function isStartAt() is calling repeatedly, so it also returns the updated value of startat.

So just replace your code with the below one.

Controller

 var startat = true;
 $scope.chagneStart = function() { startat = !startat}
 $scope.isStart = angular.copy(startat);

HTML

<checkbox ng-click="chagneStartAt()">
<tr ng-show="isStartAt"> ... </t

edited Jul 11, 2017 at 7:07

answered Jul 11, 2017 at 6:57

Surjeet Bhadauriya

7,2243 gold badges39 silver badges54 bronze badges

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

Comments

Slava Utesinov · Accepted Answer · 2017-07-11 06:58:29Z

1

At this case you should have oldStartat variable:

Javascript:

var startat, oldStartat = true;    
$scope.chagneStart = function() { startat = !startat}
$scope.applyOption = function() { oldStartat = startat; }

HTML:

<checkbox ng-click="chagneStart()">
<tr ng-show="oldStartat">...</tr>
<input type='button' ng-click='applyOption()' value='Apply'>

edited Jul 11, 2017 at 6:58

answered Jul 11, 2017 at 6:52

Slava Utesinov

13.5k2 gold badges21 silver badges26 bronze badges

Collectives™ on Stack Overflow

angular - stop two way binding or local value

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related