获取angularjs中的输入值

时间:2015-09-12 07:07:45

标签: javascript angularjs

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

1 个答案:

答案 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);
}