함수 실행시 입력 유형을 비활성화하고 활성화하는 방법은 무엇입니까?

Question

다음 코드가 있습니다.

HTML :

<div ng-controller="Test"> 
     <input type="text" class="message-input" id="testId" placeholder="Enter message" ng-model="textMessage" ng-disabled="isDisabled" autofocus /> 
     <br><br> 
     <button type="submit" value="Submit" ng-click="enteredMessage(textMessage)">Submit</button> 
    </div> 

JS : 이것을 실행하면, 내가 할 수 자동 초점 기본적으로 일부 텍스트를 입력받을 수 있습니다

var app = angular.module('app',[]); 
app.controller('Test',function($scope){ 
$scope.isDisabled = false; 
    $scope.enteredMessage = function(msg){ 
    alert("Entered Message is: "+msg); 
    console.log("your input should be in diabled mode now"); 
    $scope.isDisabled = true; 
    console.log("your input should be in enabled mode now with auto-focused"); 
    } 
}); 

, 그것은 괜찮습니다.

내가 실행 ng-click 기능을 내 input 유형을 disable 할 및 함수 실행이 텍스트를 입력하는 자동차를 중심으로 수행 한 후 다음이 enabled을해야 의미합니다.

내가 잘못하고있는 방식과이를 수행하는 방법에 대해 미리 알려주세요. 생성 된 Fiddle.

Answer 1

사실 alert()에는 사용자가 확인 버튼을 클릭하거나 닫을 때 실행할 콜백이 없습니다. 대신 콜백을 지원하는 모달 또는 다른 종류의 지시문을 사용해야합니다 (아래 예 참조). 경고가 표시되면 비활성화하고 확인을 클릭하면 활성화됩니다. 확인 해봐.

var app = angular.module('app',[]); 

app.controller('Test',function($scope){ 
$scope.isDisabled = false; 
    $scope.enteredMessage = function(msg){ 
    $scope.isDisabled = true; 
    alert("Entered Message is: "+msg); 
    console.log("your input should be in diabled mode now"); 

    //$scope.msg=""; 
    console.log("your input should be in enabled mode now with autofocus"); 
    $scope.isDisabled = false; 
} 

}); 

나는 ui.bootstrap에게 모달 또는 ngSweetAlert를 사용하는 것이 좋습니다.

업데이트 대신 함수 호출이 경고됩니다. 내가 코멘트에서 언급 한 바와 같이 FIDDLE

var app = angular.module('app',[]); 

    app.controller('Test',function($scope, $window){ 
    $scope.isDisabled = false; 
     $scope.enteredMessage = function(msg){ 
     $scope.isDisabled = true; 
     alert("Entered Message is: "+msg); 
     console.log("your input should be in diabled mode now"); 
     $scope.showConfirm(); 
     //$scope.msg=""; 
     //console.log("your input should be in enabled mode now with autofocus"); 
     //$scope.isDisabled = false; 
     } 

     $scope.showConfirm = function(){ 
      if(confirm('your input should be in enabled mode now with autofocus if click Ok')){ 
      $scope.isDisabled = false; 
      var inputBox = $window.document.getElementById('testId'); 
     inputBox.focus(); 
      } 
     } 

    }); 

Answer 2

, 그래서 비활성화 모드의 입력을 넣어 Alert이미 장애인 당신의 UI는 유용하지 않습니다. 경고가 당신이 좋아하는 뭔가를 할 수 없어 한 후 두 번째 문제의 경우, 입력에 집중할 다시 입력 요소를

예 수 있도록, 기능을 시간을 사용할 수 있습니다

var app = angular.module('app', []); 

app.controller('Test', function($scope, $window) { 
    $scope.enteredMessage = function(msg) { 
    alert("Entered Message is: " + msg); 
    var inputBox = $window.document.getElementById('testId'); 
    inputBox.focus(); 
    console.log("your input should now be in focus"); 
    } 
}); 

Answer 3

다음 :

을

var app = angular.module('app',[]); 

app.controller('Test',function($scope,$timeout){ 
    $scope.isDisabled = false; 
    $scope.enteredMessage = function(msg){ 
    $scope.isDisabled = true; 
    alert("Entered Message is: "+msg); 
    console.log("your input should be in diabled mode now"); 

    //5 seconds delay 
    $timeout(function(){ 
     $scope.isDisabled = false; 
     },5000); 
    console.log("your input should be in enabled mode now with autofocus"); 
} 

});