angularjs – Ionic-点击标题按钮后无法获取表格数据
发布时间:2020-12-17 07:13:51 所属栏目:安全 来源:网络整理
导读:这是我的代码: ion-view view-title="Register" ion-nav-buttons side="right" button class="button button-icon button-clear ion-android-done" ng-click="createCompanyUser(signup)" ng-hide="signupForm.signupMobile.$error.maxlength || signupForm
这是我的代码:
<ion-view view-title="Register"> <ion-nav-buttons side="right"> <button class="button button-icon button-clear ion-android-done" ng-click="createCompanyUser(signup)" ng-hide="signupForm.signupMobile.$error.maxlength || signupForm.signupMobile.$error.minlength || signupForm.signupFirstName.$error.required || signupForm.signupLastName.$error.required || signupForm.signupEmail.$error.required || signupForm.signupEmail.$error.email || signupForm.signupPwd.$error.required || signupForm.signupMobile.$error.required || signupForm.confirmpwd.$error.required"> </button> </ion-nav-buttons> <ion-content class="" has-header> <form name="signupForm" novalidate> <ion-item class="item item-thumbnail-left"> <img id="signupImage" src="" style="padding: 2px;border: 1px solid; height: 100px;width: 100px;"> <h2>Select Company Logo</h2> <br> <input type="file" id="i_fileSignup" value="" accept="image/*"> </ion-item> <div class="list list-inset"> <label class="item item-input item-floating-label"> <span class="input-label">First Name</span> <input type="text" placeholder="First Name" name="signupFirstName" ng-model="signup.signupFirstName" required> </label> <span style="color:red" ng-show="signupForm.signupFirstName.$dirty"> <span ng-show="signupForm.signupFirstName.$error.required">First name field is required.</span> </span> <label class="item item-input item-floating-label"> <span class="input-label">Last Name</span> <input type="text" placeholder="Last Name" name="signupLastName" ng-model="signup.signupLastName" required> </label> <span style="color:red" ng-show="signupForm.signupLastName.$dirty"> <span ng-show="signupForm.signupLastName.$error.required">Last name field is required.</span> </span> <label class="item item-input item-floating-label"> <span class="input-label">Email</span> <input type="email" placeholder="Email" name="signupEmail" ng-model="signup.signupEmail" required> </label> <span style="color:red" ng-show="signupForm.signupEmail.$dirty && signupForm.signupEmail.$invalid"> <span ng-show="signupForm.signupEmail.$error.required">Email is required.</span> <span ng-show="signupForm.signupEmail.$error.email">Invalid email address.</span> </span> <label class="item item-input item-floating-label"> <span class="input-label">Mobile</span> <input type="tel" placeholder="Mobile" name="signupMobile" id="mobile" ng-keypress="fnMobile()" ng-minlength="10" ng-maxlength="10" ng-model="signup.signupMobile" required> </label> <span style="color:red" ng-show="signupForm.signupMobile.$dirty"> <span ng-show="signupForm.signupMobile.$error.required">Mobile field is required.</span> <span ng-show="signupForm.signupMobile.$error.minlength">Mobile number should be at least 10 digit.</span> <span ng-show="signupForm.signupMobile.$error.maxlength">Mobile number can not be at more than 10 digit.</span> </span> <label class="item item-input item-floating-label"> <span class="input-label">Password</span> <input type="password" placeholder="Password" name="signupPwd" ng-model="signup.signupPwd" required> </label> <span style="color:red" ng-show="signupForm.signupPwd.$dirty"> <span ng-show="signupForm.signupPwd.$error.required">Password field is required.</span> </span> <label class="item item-input item-floating-label"> <span class="input-label">Confirm Password</span> <input type="password" placeholder="Confirm Password" name="confirmpwd" ng-model="signup.confirmpwd" ng-match="signupPwd" required> </label> <span style="color:red" ng-show="signupForm.confirmpwd.$dirty"> <span ng-show="signupForm.confirmpwd.$error.match">Emails have to match!</span> <span ng-show="signupForm.confirmpwd.$error.required">Confirm Password is required.</span> </span> <a class="button button-clear button-positive" href="#/app/login">I am already registered.</a> <br> </div> </form> </ion-content> </ion-view> js代码: angular.module('serviceprovider.signup',[]) .controller('signupCtrl',function ($scope,$location,$http) { $scope.createCompanyUser = function (val) { alert(JSON.stringify(val)); }; }); menu.html: <ion-side-menus enable-menu-with-back-views="true" ng-click="fnMenu()"> <ion-side-menu-content drag-content="false"> <ion-nav-bar class="bar-stable bar-royal"> <ion-nav-back-button class="button-icon ion-arrow-left-c"> </ion-nav-back-button> <ion-nav-buttons side="right"> <button class="button button-icon button-clear ion-navicon" ng-click="toggleRight()"> </button> </ion-nav-buttons> </ion-nav-bar> <ion-nav-view name="menuContent"></ion-nav-view> </ion-side-menu-content> <ion-side-menu side="right"> <ion-content> <ion-list> <div class="mymenu"> <ion-item menu-close href="#/app/userDashboard"> <i class="fa fa-tachometer"></i> Dashboard </ion-item> <ion-item menu-close href="#/app/userMyProfile"> <i class="fa fa-user"></i> My Profile </ion-item> <ion-item menu-close href="#/app/changePwd"> <i class="fa fa-key"></i> Change Password </ion-item> <ion-item menu-close href="#/app/listProduct/0"> <i class="fa fa-tags"></i> Products </ion-item> <ion-item menu-close href="#/app/listCart"> <i class="fa fa-shopping-cart"></i> Cart </ion-item> <ion-item menu-close href="#/app/listQuotation" ng-show="userquotation"> <i class="fa fa-file-text-o"></i> Quotation </ion-item> <ion-item menu-close href="#/app/listOrder" ng-show="userorder"> <i class="fa fa-clipboard"></i> Order </ion-item> </div> <div class="config"> <ion-item menu-close ng-click="signout()"> <i class="fa fa-sign-out"></i> Sign out </ion-item> </div> </ion-list> </ion-content> </ion-side-menu> </ion-side-menus> 我想在点击createCompanyUser(注册)功能时获取表单数据.但我得到了未定义的价值. 解决方法
似乎注册被定义为ion-content指令的范围,当被ion-view引用时,它得到了未定义的(2个不同的注册引用).
您可以通过在控制器范围上定义注册来解决它.它会导致离子含量和离子视图使用相同的注册参考 .controller('signupCtrl',function($scope) { $scope.signup = {}; $scope.createCompanyUser = function (val) { alert(JSON.stringify(val)); }; }); http://codepen.io/anon/pen/YXGLzp 虽然这是一个黑客, 看看 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |