2016-05-12 3 views
0

У меня есть два переключателя 1. сотрудник 2 клиента, когда мне нужно выбрать сотрудника сотрудника, идентификатор текстового поля должен быть открыт, и я нажимаю на клиента, он должен исчезнуть. когда я нажимаю его, чтобы первый tym работал нормально, второй раз его не работает.Событие с радиоприемником не запускается во второй раз

HTML FILE

<div class="row control-group"> 
      <label > 
        <input name="cssPre" id="css1" value="geEmp" class="input-xlarge" type="radio" data-ng-model="addUser.Emp" ng-change="ge()">{{::'label.addUser.employee'|translate}} 
      </label> 

     <label > 
     <input name="cssPre" id="css2" value="customer" type="radio" data-ng-model="addUser.customer" ng-change="customer()">{{::'label.addUser.Customer'|translate}} 
     </label> 

Textbox, который я хочу показать

<div ng-show="ge == true"> 
     <div class="row control-group" ng-show="addUser.geEmp" ng-class="{error:addUserForm.phone.$dirty && !addUserForm.phone.$valid && !addUserForm.phone.$error.pattern, success:addUserForm.phone.$valid}"> 
       <label class="col-xs-4 col-sm-4 col-md-3 col-lg-3 control-label">{{::'label.addUser.SSO'|translate}}</label> 

       <div class="col-xs-7 col-sm-7 col-md-9 col-lg-9 controls"> 
        <input type="text" 

         class="input-xlarge" 
         id="sso" 
         name="phone" 
         ng-model="addUser.user.phone" 
         ng-pattern="ph_numbr" 
         placeholder="{{::'placeholder.addUser.phone'|translate}}" 
         ng-change="addUserForm.phone.$setValidity('duplicateName', true);" 
         required="true" 
         ng-maxlength=8 
         ng-minlength=8 
         ge-auto-focus 
         /> 

        <span class="help-block" ng-show="addUserForm.phone.$dirty && addUserForm.phone.$error.required">{{::'error.required'|translate}}</span> 
        <span class="help-block" ng-show="addUserForm.phone.$dirty && addUserForm.phone.$error.pattern">{{::'error.number'|translate}}</span> 
        <span class="help-block" ng-show="addUserForm.phone.$dirty && addUserForm.phone.$error.maxlength">{{::'error.max.length'|translate}}</span> 
        <span class="help-block" ng-show="addUserForm.phone.$dirty && addUserForm.phone.$error.duplicateName">{{::'error.editOrganization.duplicateName'|translate}}</span> 
       </div> 
      </div> 

JS файл

$scope.ge = function() { 

     $scope.ge = true; 
    } 

    $scope.customer = function() { 
     $scope.ge = false; 
    } 

ответ

0

Вы определили переменную, а также функции, как geпереименовывать либо из эти.

Вы рафинирование $scope.ge переменного как в коде

$scope.ge = function() { 
    $scope.ge = true; 
} 

Так изменится

$scope.someProperFunctionName = function() { 
    $scope.ge = true; 
} 

HTML

<input name="cssPre" id="css1" value="geEmp" class="input-xlarge" type="radio" data-ng-model="addUser.Emp" ng-change="someProperFunctionName()"> 
Смежные вопросы