javascript - 从 firebase 获取数据后，ng-show/ng-hide 值没有改变？

Question

当我从 firebase 接收数据时，我将 ng-show/ng-hide 值的范围更改为 false。但在我看来它不会影响任何东西。当我再次单击时，范围值正在改变，但我必须动态更新该值。请帮我找出这个问题。

提前致谢

这是我的代码

  <script>
         var app = angular.module("myApp", []);
         app.controller("redeemCtrl", function($scope) {
         $scope.showDiv = true;
       $scope.redeemSubmit = function() {
     firebase.database().ref().once('value', function(snapshot) {
         $scope.user = snapshot.val()
         console.log('Getting Data from fire base' + JSON.stringify($scope.user));
         $scope.showDiv = false;     
      });
    }
 });
</script>

查看

 <div ng-controller="redeemCtrl">
        <div ng-show="showDiv">
            <form>
                <div>
                    <input ng-model="Coupon" type="text">
                </div>

                <div class="row">
                    <button  ng-click="redeemSubmit()"  class="btn">Submit</button>
                </div>
            </form>
        </div>
        <div class="row" ng-hide="showDiv">
            <h3>{{user}}</h3>
        </div>
    </div>

Answer 1

只需注意 Angular 发生了变化:

   console.log('Getting Data from fire base' + JSON.stringify($scope.user));
   $scope.showDiv = false;
   $scope.user = $scope.Coupon;
   $scope.$apply();