javascript - AngularJS 范围不一致

Question

好吧，这让我抓狂。我们正在与一些 ATS 集成，因此我发出一些查询，并在收到响应时在范围中设置一些变量。我在 $scope.$apply() 内部设置了变量，因此它们应该正确更新 - 直到最近，它们似乎都是如此。经过一两个小时的调试后，我创建了一行来表达问题的奇怪之处。考虑以下代码:

<div ng-show="aR.g" ng-bind="aR.g ? 'g yes' : 'g no'"></div>

请注意，如果显示，文本应为“g yes”，如果隐藏，文本应为“g no”。然而，该元素被隐藏了，在检查它时，我发现了以下内容:

<div ng-show="aR.g" ng-bind="aR.g ? 'g yes' : 'g no'" class="ng-binding ng-hide">g yes</div>

这意味着 ng-show 将 aR.g 评估为 false，而 ng-bind 将 aR.g 评估为 true。这怎么可能呢？这肯定是一个错误吗？

Answer 1

我认为你在其他地方有一个错误，导致这部分代码被破坏。我创建了一个pen为你。

Controller :

$scope.aR = {
    g: true
  }

查看:

div(ng-app="app")
  div(ng-controller="TestController")
    div(ng-if="aR.g" ng-bind="aR.g ? 'g yes' : 'g no'")