Невозможно обновить значение $ 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

Я использовал свой код и добавил $watch на $rootScope.campaign и он работал большой.

.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

Попробуйте

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

EDIT:

Попробуйте удалить type="submit" из вашей кнопки. Возможно, ваш обработчик не вызван, потому что браузер обрабатывает форму отправки автоматически (хотя вы можете проверить это, поставив журнал в эту функцию).

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

EDIT 2:

За нашу беседу с помощью комментариев: $rootScope не сохраняются между запросами. Вам нужно будет хранить его где-то постоянным (например, локальное хранилище или файл cookie) или передать его на сервер, а затем вернуться к клиенту, если вы хотите сохранить это значение. Бьюсь об заклад, если вы добавите в журнал, что функция $scope.submit, это будет.

Answer 3

Проверьте это. Ваш код кажется правильным исключением того, что вам не хватает закрывающий тег на входе

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