$scope 变量不在视图中更新

Question

我有以下sn-p的代码，

<div ng-controller="GraphCtrl" ng-if="errorTracerouteResultsLength!=0">
  <h5>Erroneous Traceroute Paths
    <small>Sub-heading</small>
  </h5>

  <a href="#"  ng-repeat="(key, val) in errorTracerouteResults" ng-click="loadTraceroutePath(val.metadata);">
    S: {{val.source.ip}}
    D: {{val.destination.ip}}
  </a>
</div>

它工作正常，loadTraceroutePath 属于另一个控制器，（让我们称之为 X）但不知何故 ng-click 工作和 console.log 打印出正确的元数据值。

但是，在控制器 X 中，我有，

$scope.loadIndividualTraceroutePath = function (metadataKey) {
   $scope.noOfResults = 1;
}

在 html 中，我到处都有{{noOfResults}}。其中一些能够显示 1 而有些则不能。我已经附加了ng-controller 指令并指向控制器X，但是{{noOfResults}} 没有显示。

如何让{{noOfResults}} 显示在 HTML 的任何部分？

编辑：我已经添加了 HTML。

<div class="row">
  <div class="col-lg-9">
    <div class="panel panel-default">
      <div class="panel-heading">
        <i class="fa fa-bar-chart-o fa-fw"></i> Visualisation
        <div class="pull-right">
          Layout
        </div>
      </div>
      <!-- /.panel-heading -->
      <div class="panel-body">

        <div class="container" ng-controller="X">
          <!--This does not work-->
          {{noOfResults}}
        </div>

        <div>

          <div ng-controller="IndividualTraceroutePathGraphCtrl" id="individual_traceroute_path_graph"></div>

        </div>

      </div>
      <!-- /.panel-body -->
    </div>
    <!-- /.panel -->
  </div>

这个问题第一部分的 ng 点击在下面。

Answer 1

最后你有一个额外的;，你也没有使用你作为参数传递给函数的对象，因此改变

发件人：

<a href="#"  ng-repeat="(key, val) in errorTracerouteResults" ng-click="loadTraceroutePath(val.metadata);">

收件人：

<a href="#"  ng-repeat="(key, val) in errorTracerouteResults" ng-click="loadTraceroutePath(val)">

那么，

$scope.loadIndividualTraceroutePath = function (metadataKey) {
   $scope.noOfResults = 1;
}

编辑

你不需要在视图中提到这么多控制器，有一个控制器在其中定义了功能并删除其余的，这里，像这样更新，

   <div class="container" >
          <!--This does not work-->
          {{noOfResults}}
        </div>
        <div>
          <div id="individual_traceroute_path_graph"></div>
        </div>
    </div>