ng-submit后未定义AngularJS $ scope表单属性 [英] AngularJS $scope form attribute is undefined after ng-submit
问题描述
我从Angular开始,我仍然对语法和我可以通过编码以获得相同结果的许多不同方式感到困惑.
I'm starting with Angular and I'm still very confused with syntax and the many different ways I can code to get the same result.
我的最新问题是,提交表单时,我无法通过执行$scope.attribute_name
My latest problem is that when I submit a form, I can't get its values by doing $scope.attribute_name
HTML
<body ng-app="myApp">
<div ng-include src="'menu.html'"></div>
<div id="container" ng-controller="MainController">
<div ui-view></div>
</div>
</div>
login.html(包含在路线中)
<form name="form" name='' action="" ng-submit='login($event)'>
<input type="text" name='username' ng-model='username' required />
<input type="text" name='password' ng-model='password' required />
<button>Enviar</button>
</form>
JS
var app = angular.module('myApp', ['ui.router']);
app.controller('MainController',['$scope',function($scope){
$scope.login = function ($event){
alert($scope.username)
$event.preventDefault();
}
}]);
它总是警告未定义" 我可以通过以下操作获取值
It always alert "undefined" I can get the values by doing the following
$event.target.username
就像在流星上一样.
有什么想法吗?
@ edit1
我添加了用户作为模型的对象
I added user as the model's object
HTML
<form name="form" name='teste' action="" ng-submit='login($event)'>
<input type="text" name='username' ng-model='user.username' required />
<input type="text" name='password' ng-model='user.password' required />
<button>Enviar</button>
</form>
JS
app.controller('MainController',['$scope',function($scope){
$scope.login = function ($event){
alert($scope.user.username)
}
}]);
我仍然得到undefined
推荐答案
<form name="form" name='teste' action="" ng-submit='login()'>
<input type="text" name='username' ng-model='user.username' required />
<input type="text" name='password' ng-model='user.password' required />
<button>Enviar</button>
</form>
在控制器内定义$ scope,如下所示.因为属性是在控制器初始化时注册到控制器的$ scope的.
define your $scope inside the controller as below. Because attributes are registered to the $scope of the controller when the controller initializes.
app.controller('MainController',['$scope',function($scope){
$scope.user={}; //DEFINE $scope variable if dot is given to variable.
$scope.login = function (){
alert($scope.user.username)
}
}]);
谢谢
这篇关于ng-submit后未定义AngularJS $ scope表单属性的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!