Значение текстового поля AngularJS не определено

Question

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

Это мой HTML-код:

<form class="form-horizontal">  
    <input type="text" ng-model="add" ng-model-instant><button class="btn" ng-click="order()"><i class="icon-plus"></i>Order!</button> 
</form> 

Это мой сценарий:

angular.module('MyApp', []). 
config(function($routeProvider) { 
    $routeProvider. 
     when('/boeken', {templateUrl:'partials/boeken.html', controller:BoekenCtrl}). 
     when('/orders', {templateUrl:'partials/orders.html', controller:OrderCtrl}). 
     when('/home', {templateUrl:'partials/home.html', controller:HomeCtrl}). 
     otherwise({redirectTo:'/home'}); 
}); 

//BoekenCtrl 

//HomeCtrl 

function OrderCtrl($rootScope) {  
    $rootScope.order = function() { console.log($rootScope.add); $rootScope.add = "";  }; 
} 

Почему это, что мое текстовое поле не определено?

Answer 1

Вместо

function OrderCtrl($rootScope) {  
$rootScope.order = function() { console.log($rootScope.add); $rootScope.add = "";  }; 
} 

использование:

function OrderCtrl($scope) {  
$scope.order = function() { 
    console.log($scope.add); 
    $scope.add = ""; 
}; 
} 

Поскольку ваша форма существует под OrderCtrl, вам нужно использовать $scope в OrderCtrl контроллер для извлечения каких-либо данных. Но, конечно, вы можете сохранить его после того, как в $rootScope

Пожалуйста, смотрите пример в Fiddle