搜索

首页  >  问答  >  正文

angular.js - 前端使用input使用ng-model绑定数据,控制前中一直无法得到映射的值

前端代码:
<ion-view view-title="Forget" hide-nav-bar="true">

<ion-content id="registerBg" scroll="true">
    <!--第一个标题-->
    <p id="loginFirstTitle"></p>
    <p id="loginSecTitle"></p>
    <!--表单-->
    <p id="registerForm">
        <ion-list>
            <ion-item class="item-icon-left item-input-inset" style="color: white;">
                <p class="row">
                    <p class="col" style="text-align: center;">
                        <-找回密码->
                    </p>
                </p>
            </ion-item>
            <ion-item class="item-icon-left item-input-inset">
                <label class="item-input-wrapper">
                    <input type="text" ng-model="phone"  placeholder="请输入手机号" >
                </label>
            </ion-item>
            <ion-item class="item-icon-left item-input-inset">
                <label class="item-input-wrapper">
                    <input type="text"  placeholder="请输入身份证号" ng-model="id">
                </label>
            </ion-item>
            <ion-item class="item-icon-left item-input-inset">
                <p id="RegisterButton" ng-click="submitMessage()">
                    提交
                </p>
            </ion-item>
        </ion-list>
    </p>
</ion-content>

</ion-view>
控制器:

angular.module('starter.ForgetCtrl', [])

.controller('ForgetCtrl',function($scope,ForgetService) {
    $scope.submitMessage=function()
    {
        console.log($scope.phone);
        console.log($scope.id);
        //格式验证
        console.log(checkPhone($scope.phone));
    }
});

伊谢尔伦伊谢尔伦2840 天前630

全部回复(3)我来回复

  • 巴扎黑

    巴扎黑2017-05-15 17:00:08

    在controller里面定义
    $scope.sendData= {

            phone: "",
            id: ""
        };

    前端绑定
    <ion-item class="item-icon-left item-input-inset">

                    <label class="item-input-wrapper">
                        <input type="text" ng-model="sendData.phone"  placeholder="请输入手机号" >
                    </label>
                </ion-item>
                <ion-item class="item-icon-left item-input-inset">
                    <label class="item-input-wrapper">
                        <input type="text"  placeholder="请输入身份证号" ng-model="sendData.id">
                    </label>
                </ion-item>

    后台通过
    $scope.sendData.phone
    $scope.sendData.id
    就能获取到值

    回复
    0
  • phpcn_u1582

    phpcn_u15822017-05-15 17:00:08

    用路由指定的 controller ?没看到哪里用了 ForgetCtrl 啊

    回复
    0
  • 巴扎黑

    巴扎黑2017-05-15 17:00:08

    请问这个问题你是怎么解决的呀

    回复
    0
  • 取消回复