角度绑定问题

时间:2015-11-02 16:07:16

标签: angularjs input

我有一张表格:

  <div class="col-xs-12 col-sm-6" ng-controller="registerController">
    <form id="registerForm" name="registerForm" style="box-shadow: rgba(0, 0, 0, 0.17) 0px 5px 13px; margin:25px; direction:rtl" class="contact-form-box" novalidate>

        <div class="account_creation">
            <h3 class="page-subheading">Your personal information</h3>
            <div class="required form-group">
                <label class="control-label col-sm-4" for="email">Email </label>
                <div class="col-sm-6 form-ok">
                    <input class="form-control"  type="text" id="Email" name="Email" ng-model="model.Email" value="" />
                </div>
            </div>
            <div class="required password form-group">
                <label class="control-label col-sm-4" for="passwd">Password </label>
                <div class="col-sm-6 form-error">
                    @*<input class="form-control" type="password" id="Password" name="Password" ng-model="model.Password" value="" />*@
                    <input class="form-control" type="password" id="Password" name="Password" ng-model="model.Password" value="" required />
                    <span class="form_info">(Five characters minimum)</span>
                </div>
            </div>

        </div>

        <div class="submit clearfix">

            <button type="submit" name="submitAccount" id="submitAccount" class="btn btn-outline button button-medium" ng-click="register()">
                <span>register</span>
            </button>
            <label style="color:#808080;font-size:16px" ng-if="message" ng-model="message">{{message}}</label>

        </div>
    </form>
</div>

在脚本中我有:

<script>
       app.cp.register('registerController', function ($http, $scope) {
    $scope.register = function () {
        $scope.model = {};
        $scope.model.Email = $scope.Email == undefined ? "" : $scope.Email;
        $scope.model.Password = $scope.Password == undefined ? "" : $scope.Password;
        debugger;
        $http.post("/Account/Register", $scope.model).success(function (response) {
            $scope.message = response;
        });
     }
  });
 </script>

我想在控制器中向方法发布一些值,但是当我在输入EmailPassword中写入一些内容时,我得到$scope.Email$scope.Password未定义在regiterController(而不是我之前在输入中写的)!!!有什么问题?

1 个答案:

答案 0 :(得分:2)

您要分配给$scope.Email而非register,密码字段也是如此。

此外,您不应该在$scope.model功能中分配模型,每次提交时都会覆盖calloc