javascript - 在 angularjs 中获取输入值

Question

我是 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>

Answer 1

您正在使用 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);
}