在控制器中更改 $scope 变量值不会更改视图上的值

Question

我正在为我的应用程序开发 Cordova 工具和 angularjs。

cordovaApp.controller("VacationCtrl", function ($scope, $http, $location) {
        $scope.tempdate = "2222";
        $scope.ruleDetails = function () {
        $scope.tempdate = "3333";
    }
});

查看 1

<div ng-controller="VacationCtrl">
    <a ng-repeat="data in rules" ng-click="ruleDetails()" class="summaryListBorder" href="#detailVacationRule">
    </a>
</div>

查看 2

<div ng-controller="VacationCtrl">
    {{tempdate}}
</div>

在上面给出的代码中，我将$scope.tempdate 的值设置为“2222”。当我点击链接时，它会调用ruleDetails() 并设置$scope.tempdata = "3333". 但是当使用ng-view 打开新页面时，它只显示旧值，即“2222”。我想用“3333”来改变它。我也试过$scope.$apply()。

谢谢。

Answer 1

每个ng-controller 属性都会创建一个新的控制器实例，它不会与其他实例共享相同的范围。您想将两个 divs 包装在一个控制器实例中，例如：

<div ng-controller="VacationCtrl">
    <div>
        <a ng-click="ruleDetails()" href="#detailVacationRule">
        </a>
    </div>

    <div>
        {{ tempdate }}
    </div>
</div>

如果您需要单独的控制器，那么您希望将常用功能/字段移动到作为单例运行的服务中，以便您可以使用它在控制器之间共享信息。或者您可以在父控制器中包含单独的控制器实例，该控制器将包含公共字段并且可以通过每个控制器的范围进行访问。