我是 angular.js 新手,在获取表单输入值时遇到了问题。
所以我到处寻找答案,包括 stackoverflow,但我找不到任何答案。
我想使用 Controller 获取输入值,但每次尝试我都会进入控制台,仅使用对象或仅使用文本时未定义
这是 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>
最佳答案
您正在使用 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);
}
关于javascript - 在 angularjs 中获取输入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32536202/