search

Home  >  Q&A  >  body text

angular.js - The front-end uses input and ng-model to bind data, but the mapped value cannot be obtained in the front-end control.

Front-end code:
<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>
Controller:

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 days ago628

reply all(3)I'll reply

  • 巴扎黑

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

    Defined in controller
    $scope.sendData= {

            phone: "",
            id: ""
        };

    Front-end binding
    <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>

    The value can be obtained in the background through
    $scope.sendData.phone
    $scope.sendData.id

    reply
    0
  • phpcn_u1582

    phpcn_u15822017-05-15 17:00:08

    Controller specified by route? I don’t see where ForgetCtrl is used

    reply
    0
  • 巴扎黑

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

    How did you solve this problem

    reply
    0
  • Cancelreply