angular.js - 前端使用input使用ng-model綁定數據,控制前中一直無法得到映射的值
伊谢尔伦
伊谢尔伦 2017-05-15 16:58:08
0
3
596

前端代碼:

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


控制器:

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伐。

全部回覆(3)
巴扎黑

在controller裡面定義
$scope.sendData= {

        phone: "",
        id: ""
    };

前端綁定

                <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 啊

巴扎黑

請問這個問題你是怎麼解決的呀

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板