How to make an angular form read only and make it editable with edit button?

Question

Is there a way to make the entire Angular form read only and then editable when clicking edit?

Answer 1

You can individually disable all the form elements as suggested in the current answer/comments, or you can wrap all of your form elements in a <fieldset> (more info) tag and then enable/disable everything in one step:

<form>
  <fieldset ng-disabled="myBooleanValue">
    <input type="text">
  </fieldset>
</form>

Answer 2

You can add ng-disabled="someBoolean" to your form elements, and set someBoolean to true when you click a button.

https://docs.angularjs.org/api/ng/directive/ngDisabled