Angularjs : enabled ng-click on disabled input

Question

How can I enabled ng-click on a text input even if the input is disabled?

<input type="text" ng-model="myModel" ng-click="vm.handleClick()" ng-disabled="true" />

if you really want it. Try trick by class disable, and regex prevent any action input in this — Ngoc Pham
– Ngoc Pham, Commented Jan 15, 2019 at 8:39

Majesty · Accepted Answer · 2019-01-15 08:36:28Z

2

This is impossible in fact. Each AngularJS directive has its own priority. You may notice that ngDisabled has priority 100, while ngClick set at 0. Moreover, ngDisabled required to set native input disabled attribute, because it does not support interpolation.

Speaking about native input disabled state:

If the element is disabled, it does not respond to user actions, it cannot be focused, and the command event will not fire.

Other words - if it is disabled then it is disabled and no events are possible. Otherwise disabled directive would be meaningless.

answered Jan 15, 2019 at 8:36

Majesty

2,0895 gold badges32 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Khan M · Accepted Answer · 2019-01-15 09:56:49Z

1

make a wrapper and bind ng-click on it. i.e.

<div ng-click='ur_Function()'>
<input type="text" ng-model="myModel"  ng-disabled="true" />
</div>

U can check in your function whether input enabled is true or false and perform accordingly

answered Jan 15, 2019 at 9:56

Khan M

4154 silver badges21 bronze badges

Collectives™ on Stack Overflow

Angularjs : enabled ng-click on disabled input

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related