离子更新$ scope变量

Question

经过一阵离子之后，我以一种奇怪的行为挠头：

.controller('MyCtrl', function ($scope) {

$scope.myvar="red";



$scope.update=function() {

    $scope.myvar="blue";
    console.log($scope.myvar)    //correctly displays 'blue'
}

$scope.showvar=function() {

    console.log($scope.myvar);     //always display 'red', even if the update function has run
}

}）

如果我运行更新功能，则在其中可以看到var的正确更新值。

但是，如果我在运行更新一之后运行show函数，那么显示的值就是初始的“红色”。

我想念什么？

提前非常感谢你

Answer 1

我刚刚测试了您的代码（请参阅JSFiddle ），并且效果很好。

这是代码：

的HTML：

<div ng-controller="MyCtrl">
  <button ng-click="update()">
  update
  </button>
  <button ng-click="showvar()">
  show
  </button>
</div>

js：

var myApp = angular.module('myApp',[]);

myApp.controller('MyCtrl', function ($scope) {
  $scope.myvar="red";

  $scope.update=function() {

      $scope.myvar= $scope.myvar != "blue" ? "blue" : "red";
      console.log($scope.myvar)    //correctly displays 'blue'
  }

  $scope.showvar=function() {

      console.log($scope.myvar);     //always display 'red', even if the update function has run
  }
});

选中此复选框，然后尝试查找差异。 也许您错过了一些东西。

希望它会有所帮助。