Вход от формы не передается контроллеру и остается «неопределенным»

Question

У меня сложнее всего работать с формами и передавать значения из них на контроллер. У меня одна и та же история каждый раз: ng-model и все настроено, но контроллер не принимает то, что я пытаюсь передать, и, таким образом, дает мне, что var не определен. Кто-нибудь подскажет, как бороться с этим и как правильно настроить формы с помощью Angular? Их документация ужасна!

Вот разметка формы:

<div> 
    <form name="thisForm" ng-submit="submit()" class="wa-id-submit-form"> 

     <label>Submit your number</label> 
     <input name="wa_id" ng-model="submission" type="text" class="form-control" required /> 

     <input type="submit" class="form-control" name="submit" value="Submit" /> 
    </form> 
</div> 

Вот функция и вар я пытаюсь передать его:

$scope.submit = function() { 
        var data = { 
         "wa_id": $scope.wa_id 
        }; 

        console.log($scope.wa_id); 

        var hookphp = submitIdService.submitId(); 
        hookphp.save(data, 
        function(result){ 
         console.log(result); 
}; 

РНР сторона все это прекрасно работает и не нужно смотреть. Мне просто нужно передать эту строку из ввода в данных переменной, и это не так. Разве я не делаю ng-модель и такие разговоры должным образом друг к другу? }, функция (результат) { console.log ('NO GO'); } ); };

Answer 1

Вы должны использовать соответствующие ngModel для доступа к данным в контроллере, не вводится имя:

var data = { 
    wa_id: $scope.submission 
}; 

Answer 2

Я напомнил о чем-то очень важным при работе с нг-моделей here

НГ-модель чтобы в нем была функция .notation для правильной работы. Возможно, что он будет работать и без него, но даже люди, которые помогают разрабатывать Angular, настоятельно рекомендуют использовать его с помощью «.».

Вот что должно было быть сделано с моим кодом:

<form ng-submit="submit()" class="wa-id-submit-form"> 

     <label>Submit your number</label> 
     <input name="waid" ng-model="waid.submission" type="text" class="form-control" required /> 

     <input type="submit" class="form-control" name="submit" value="Submit" /> 
    </form> 

нг:

$scope.waid = {}; 

$scope.submit = function() { 

var data = { 
    "wa_id": $scope.submission 
}; 

var hookphp = submitIdService.submitId(); 
hookphp.save(data, 
function(result){ 
console.log(result); 
}, 
function(result){ 
console.log('NO GO'); 
} 
); 
}; 

Объект должен был быть объявлен «пустой» до возможности использовать его в функции также.