我是angular.js的新手,我一直无法获得表单输入值。
所以我一直在寻找答案,包括stackoverflow,我找不到任何答案。
我想使用控制器获取输入值但是在每次尝试时我尝试进入控制台,仅仅使用对象或仅使用文本
这是javascript代码:
$scope.url = '';
$scope.user = {
password : '',
repassword : ''
};
$scope.registerUser = function()
{
$log.info($scope.email);
$log.info($scope.user);
}
这是html代码:
<table class="table-responsive">
<tbody>
<form class="form-inline" action="" method="post">
<div class="form-group">
<tr>
<td><label for="email">E-mail</label></td>
<td>
<div class="input-group">
<input type="email" class="form-control" name="email" ng-model="email">
<div class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></div>
</div>
</td>
</tr>
</div>
<div class="form-group">
<tr>
<td><label for="password">Password</label></td>
<td><input type="password" class="form-control" name="password" ng-value="user.password"><td>
</tr>
</div>
<div class="form-group">
<tr>
<td><label for="Repassword">Reenter Password:</label></td>
<td><input type="password" class="form-control" name="Repassword" ng-value="user.repassword"></td>
</tr>
</div>
<tr><td><input class="btn btn-default" type="button" value="Register" ng-click="registerUser()"></td></tr>
</form>
</tbody>
</table>
答案 0 :(得分:3)
您使用ng-value
代替ng-model
:
<input type="password" ng-model="user.password">
<input type="password" ng-model="user.repassword">
您可能还希望将user
传递到ng-click
以方便使用,而不是输入该功能:
ng-click="registerUser(user)"
$scope.registerUser = function(user) {
console.log(user);
}