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:請問這個問題你是怎么解決的呀
