toggling "ng-hide" property with condition on button click

Question

<input ng-model="email" type="text" class="marginHalf" ng-hide="email==''" readonly>

When on edit button click, Show this so user ca add an email.

I guess what you need is `ngReadonly`. Check [HERE](https://code.angularjs.org/1.2.32/docs/api/ng/directive/ngReadonly) please — Batu.Khan, Nov 29 '18 at 10:17

score 0 · Accepted Answer · answered Nov 29 '18 at 10:23

You need to have a flag in your controller to toggle on and off when your edit button is clicked.

$scope.editMode = false;
$scope.onEditButtonClick = function(){
    $scope.editMode = true;
}

then you use a condition that checks this variable but I recommend using ng-if instead.

<input ng-model="email" type="text" class="marginHalf" ng-if="editMode" readonly>

Here is the difference between ng-if and ng-show/ng-hide.

1 Answers1