您的位置:首頁技術文章
文章詳情頁

angular.js - 前端使用input使用ng-model綁定數據,控制前中一直無法得到映射的值

瀏覽:188日期:2024-10-07 14:22:05

問題描述

前端代碼:<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:

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

国产综合久久一区二区三区