angular.js - 前端使用input使用ng-model绑定数据,控制前中一直无法得到映射的值
问题描述
前端代码:<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)); }});
问题解答
回答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:请问这个问题你是怎么解决的呀