AngularJS将表单数据存储在变量issue中

AngularJS将表单数据存储在变量issue中,angularjs,forms,Angularjs,Forms,我使用NG submit按钮尝试将提交数据的单击事件绑定到角度变量,并遇到问题 角度代码: formApp.controller('formController', function ($scope) { // we will store all of our form data in this object // function to process the form $scope.processForm = function () { var fn = $scope.firstn

我使用NG submit按钮尝试将提交数据的单击事件绑定到角度变量,并遇到问题

角度代码:

formApp.controller('formController', function ($scope) {

// we will store all of our form data in this object
// function to process the form
$scope.processForm = function () {
    var fn = $scope.firstname;
    alert('your reccommendation has been submitted!' + fn);


};
NG submit在html中的位置

<form id="signup-form" ng-submit="processForm()">
                <!-- our nested state views will be injected here -->
                <div id="form-views" ui-view></div>
            </form>

其中,姓名数据填写在:

 <strong>First Name:</strong>
<input name="FirstName" size='16' ng-model="firstname"  />
<br />
<br />
名字:



现在,在您说NG submit不在我的表单附近之前,表单视图与初始视图绑定。当您按submit时,警报工作正常,但变量返回undefined。任何帮助都会有帮助

“变量返回未定义”是什么意思?您没有返回任何内容,无论如何,抱歉,returned是一个不好的词,我想,在$scope.process form函数中,我试图使用ng模型获取要存储在变量“fn”中的名字表单数据,然后在按下submit后发出警报,它在警报上显示undefined,而不是输入的名称。啊,假设您正在
ui视图中使用另一个控制器,则该控制器作用域中定义的任何数据都不会传播到父级。这似乎是一种不好的表单结构方式。我们到不同页面的路由嵌套在视图中,该视图应由formController控制。可能不起作用,但您可以尝试
ng model=“$parent.firstname”
。对我来说还是个坏主意