angular.js - 前端使用input使用ng-model绑定数据,控制前中一直无法得到映射的值
伊谢尔伦
伊谢尔伦 2017-05-15 16:58:08
0
3
597

前端代码:
<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));
    }
});

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

Antworte allen(3)
巴扎黑

在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
就能获取到值

phpcn_u1582

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

巴扎黑

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

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage