提交操作后无法更新 $rootScope 值

Question

我是 AngularJS 的初学者。但是，我无法在提交表单后更新 $rootScope 值，它被返回为未定义。

控制器：

app.controller('campaignCtrl', ['$scope', '$rootScope', function($scope, $rootScope) {
  $scope.submit = function() {
    $rootScope.campaign = this.campaign;
  };

}]);

还有形式：

<form class="holder" name="campaignForm"  ng-submit="submit()" >
      <div class="form-group" show-errors>
        <label for="inputDate">Date</label>
        <p class="help-block"><em>Ex: 12/10/2015</em></p>
        <input type="date"  class="form-control" name="inputDate" ng-model="campaign.date" id="inputDate" required>
      </div>
     <button type="submit" class="btn btn-lg btn-default pull-right">Submit</button>
</form>

Answer 1

我使用您的代码并在$rootScope.campaign 上添加了$watch，效果很好。

.controller('someController', function($scope, $rootScope) {
    $scope.submit = function() {
        $rootScope.campaign = $scope.campaign;
    };

    $rootScope.$watch('campaign', function(newVal, oldVal) {
        if(newVal !== oldVal) {
             console.log("New Val = ");   
            console.log(newVal);
        }
    });
});

JSFiddle

如果您正在寻找在页面刷新期间持续存在的内容，那不是$rootScope。看看这样的东西：AngualrJS: sustaining data on html refresh

Answer 2

检查这个。您的代码似乎是正确的，只是您在输入中缺少结束标记

`http://jsfiddle.net/ashishmusale/2001cf6r/`

Answer 3

试试

$scope.submit = function() {
  $rootScope.campaign = $scope.campaign;
};

编辑：

尝试从您的按钮中删除type="submit"。可能是您的处理程序没有被调用，因为浏览器会自动处理表单提交（尽管您可以通过在该函数中添加日志来验证这一点）。

<button class="btn btn-lg btn-default pull-right">Submit</button>

编辑 2：

根据我们通过 cmets 的对话：$rootScope 不会在请求中持续存在。如果您想保留该值，您需要将其永久存储在某个地方（如本地存储或 cookie）或将其传递给服务器，然后再返回给客户端。我敢打赌，如果你在 $scope.submit 函数中添加一个日志，它将在那里有一个值。