在 angular6 中禁用按键输入？

Question

I am trying to set attribute disable to that input only on which keydown event occured and remaining input should not be disabled?

abc.component.html

<input type="text" (keydown)="disableIt($event)"> // <-- If keydown occurs 
                                                   //here, disable it
<input type="text" (keydown)="disableIt($event)">
<input type="text" (keydown)="disableIt($event)">

abc.component.ts

public disableIt(evt) {
   if (evt.keyCode === 13 || evt.keyCode === 9) {
       evt.target.tagName.disabled  = true;
    }
}

Answer 1

关于什么

<input type="text" (keydown)="$event.preventDefault();">

Answer 2

You can use this controller:

ctrl($scope) {
    $scope.inputDisabled = [];
    $scope.inputs = [];
    for(let i = 0; i < numInputs; i++) {
        $scope.inputDisabled.push(false);
        $scope.inputs.push(i);
    }
    $scope.disableInput(which) {
        for(let i = 0; i < numInputs; i++) {
            $scope.inputDisabled.push(false);
        }
        $scope.inputDisabled[which] = true;
    }
}

And then in HTML:

<input ng-repeat="i in inputs" ng-disabled="inputDisabled[i]" ng-keydown="disableInput(i)">

Answer 3

You select the element incorrectly and you should use which instead of keyCode.

 function disableIt(event) { var which = event.which if (which===13 || which===9) { event.target.disabled = true } }

 <input type="text" onkeydown="disableIt(event)"> <input type="text" onkeydown="disableIt(event)"> <input type="text" onkeydown="disableIt(event)">