您的位置:首页技术文章
文章详情页

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

【字号: 日期:2024-10-07 14:22:05浏览:70作者:猪猪

问题描述

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

<ion-content scroll='true'> <!--第一个标题--> <p id='loginFirstTitle'></p> <p id='loginSecTitle'></p> <!--表单--> <p id='registerForm'><ion-list> <ion-item style='color: white;'><p class='row'> <p 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 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)); }});

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

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

问题解答

回答1:

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

回答2:

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

回答3:

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