單選按鈕事件沒有被第二次觸發

我有兩個單選按鈕1.員工2客戶，當我必須選擇員工員工ID文本框應該打開ñ文我點擊客戶它應該消失。當我點擊它的第一個tym工作正常第二次它不工作。單選按鈕事件沒有被第二次觸發

HTML文件

<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>

文本框，我想告訴

<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; 
    }

來源

2016-05-12 Priyanka Taneja

您已經定義的變量，以及作爲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()">

來源

2016-05-12 12:54:55 Satpal

單選按鈕事件沒有被第二次觸發

回答

相關問題