Question

这是我的控制器文件

'use strict';

cms.controller('homeController', function($scope, $http, $window) {



     $scope.registerClinic = function () {
       var dataParam={
                "primaryEmailId": $scope.data1.emai
                 }
         console.log(angular.toJson(dataParam));     
    $http({
    url:  "/cms/sign-up",
    method: "POST",
    headers :{'Content-Type': 'application/json','Accept': 'application/json' },
    data: dataParam
    })

        .success(function(response) {
    console.log(angular.toJson(response));


                    });
    };  






});

这是我的Html文件在我的html文件中有ng-model =“data1.emai”值我想通过控制器中的表单解析它没有发生

<body>

<div class="modal-dialog" style="background: rgb(255, 255, 255);">
     <div class="modal-body login metrial">


        <div class="modal-body login metrial">



        <div class="col-sm-6">
        <h4 class="modal-title">Sign up</h4> 

           <form id="loginform2" ng-submit="registerClinic()" name="loginform2" novalidate>
                        <div class="form-group">
                            <input name="email" placeholder="Email ID" ng-class="{'invalid-field': loginform2.emai.$touched || loginform2.$submitted, 'valid-field': loginform2.emai.$valid}" 
                                ng-model="data1.emai" ng-pattern="/^[a-zA-Z0-9]+[a-zA-Z0-9._]+@[a-zA-Z0-9]+\.[a-zA-Z.]{2,}$/" type="text" required>
                                <span ng-show="loginform2.emai.$touched && loginform2.emai.$error.pattern" class="error-geni">Invalid email</span>
            <!--  <label class="field-title">Email ID</label> -->
                        </div> 
                    <div class="margin-bottom-20">  
                            <div style="width:20%" class="input-group-addon-signup">
                                <input value="+91"  disabled="" type="text"></div>
                            <div class="input-group-addon-signup"><input id="mobil" ng-class="{'invalid-field': loginform2.mobil.$touched || loginform2.$submitted, 'valid-field': loginform2.mobil.$valid}" onkeypress="return isNumber(event,'mobil');" placeholder="Mobile No" type="text"
                                ng-minlength="10" ng-maxlength="10" name="mobil" maxlength="10" ng-model="data1.mobil" ng-pattern="/^$|^[0-9X]{10}$/" required>
                                <span ng-show="loginform2.mobil.$touched && loginform2.mobil.$error.pattern" class="error-geni"> Invalid Mobile Number </span> </div>
             <!-- <label class="field-title">Mobile No</label>-->
                    </div>

          <div class="form-group">
            <input id="clinic"  ng-model="data1.clinic" placeholder="Clinic Name" type="text">
            <!--  <label class="field-title">Clinic Name</label> -->
          </div> 

       <select class="form-group" id="subscriptionplans" ng-model="data.Subscription" value="Subscription">
         <option id="optionspec">Trial Subscription</option>
            <option value="0">Silver</option>
            <option value="1">Gold</option>
            <option value="1">Platinum</option>
       </select>

            <div class="form-group">
            <input name="signupPassword" id="signupPassword" placeholder="Password"  ng-class="{'invalid-field': loginform2.signupPassword.$touched || loginform2.$submitted, 'valid-field': loginform2.signupPassword.$valid}"  ng-model="data1.signupPassword"
            ng-minlength="8"  ng-maxlength="20"  type="password" required>
            <span ng-show="loginform2.signupPassword.$touched && loginform2.signupPassword.$error.minlength || loginform2.signupPassword.$touched && loginform2.signupPassword.$error.maxlength"  class="error-geni">Password must be 8-20 characters long and must have at least one uppercase character & one number and can have special characters -_/#@</span>
            </div>


          <!--confirm Password-->
           <div class="form-group">
           <input name="docPassword2" id="docPassword2" ng-class="{'invalid-field': loginform2.docPassword2.$touched || loginform2.$submitted, 'valid-field': loginform2.docPassword2.$valid}" placeholder="Confirm Password" 
            ng-model="data1.docPassword2"
            class="gui-input" required ng-compare="loginform2.signupPassword"
            ng-disabled="!loginform2.signupPassword.$valid" type="password"/>

            <span ng-show="loginform2.docPassword2.$touched && loginform2.docPassword2.$error.compare1" class="error-geni">Password Mismatch </span> 
            </div>


           <button type ="submit" class="btn pull-right" type="button">SIGN UP</button>
 </form> 

        </div> 
       </div>
    </div>  



</body>

编辑：我试图通过data1.emai访问它错误

angular.min.js:108 TypeError: Cannot read property 'emai' of undefined
    at n.$scope.registerClinic (home-controller.js:37)
    at fn (eval at compile (angular.min.js:212), <anonymous>:4:262)
    at f (angular.min.js:252)
    at n.$eval (angular.min.js:134)
    at n.$apply (angular.min.js:135)
    at HTMLFormElement.<anonymous> (angular.min.js:252)
    at HTMLFormElement.c (angular.min.js:35)is saying

我无法理解为什么我的值不会在控制器中通过html进入$ scope

当我删除输入中的所有值时编辑

它正在工作..但没有找到确切的问题

$ scope没有得到ng-model html值

0 个答案: