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 = "";  }; 
} 

사용 : 양식에 OrderCtrl 아래에 존재하기 때문에

이

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

, 당신은 모든 데이터를 가져 OrderCtrl 컨트롤러에 $scope을 사용해야합니다. 그러나, 물론, 당신은

$rootScope는, 모든 코드를 제시해주십시오 Fiddle