Scope variable data not changing in AngularJS

Question

I want to change scope vairable data by below code but it is not working. I am not getting any error but it is not working like expected.

$scope.secondcity1 = false;
$scope.hidecity1 = function() {
  alert(secondcity1);
  $scope.secondcity1 = false;
  $scope.city1 = ''; 
  alert(secondcity1);
}

I am using alert(secondcity1); this to show alert box but it is not showing anything,

<div ng-style="{'display':secondcity1 == false?'none':'block'">  
  <!-- some codes -->
  <button type="button" class="remove" ng-click="hidecity1()">-</button>
</div>

above code is also not working. I am expecting to hide the div but it is not hiding it.

use $scope in alert

Sa E Chowdary
– Sa E Chowdary

2017-04-27 03:55:28 +00:00
Commented Apr 27, 2017 at 3:55 — Sa E Chowdary
– Sa E Chowdary, Commented Apr 27, 2017 at 3:55

Mayur Shah · Accepted Answer · 2017-04-27 04:01:45Z

1

Try this, in AngularJs to access objects you have to use $scope like $scope.object

$scope.secondcity1 = false;
$scope.hidecity1 = function() {
        alert($scope.secondcity1);
        $scope.secondcity1 = false;
        $scope.city1 = ''; 
        alert($scope.secondcity1);
    }

answered Apr 27, 2017 at 4:01

Mayur Shah

3,4571 gold badge24 silver badges44 bronze badges

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

3 Comments

Roxx Over a year ago

Thanks for your answer. Let me try. Voted up.

Roxx Over a year ago

well alert is working but divs are not getting hidden. Please advise.

Mayur Shah Over a year ago

try this

<div ng-hide="!secondcity1">     <!-- some codes -->   <button type="button" class="remove" ng-click="hidecity1()">-</button> </div>

Sajeetharan · Accepted Answer · 2017-04-27 03:54:57Z

1

Your alert should display the $scope variable, otherwise it will be undefined

Change

From

alert(secondcity1);

To

alert($scope.secondcity1);

answered Apr 27, 2017 at 3:54

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

2 Comments

Roxx Over a year ago

Thanks for your answer. Let me try. Voted up.

Roxx Over a year ago

well alert is working but divs are not getting hidden. Please advise.

Collectives™ on Stack Overflow

Scope variable data not changing in AngularJS

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related