I am a newbie to AngularJS. I have created a form with fields which is disabled using ng-disabled by default. when I click on the edit <button> I want these fields to re-enable.

HTML

  <form class=form-horizontal role=form ng-submit=edit_setting() ng-controller=ExchangeController>

    <div class=form-group>

      <label>Name</label>

      <div class=col-sm-6>

        <input type=text class=form-control ng-model=exchange_dt.name ng-disabled=true>

      </div>

    </div>

    <div class=form-group>

      <label>Host Name</label>

      <div class=col-sm-6>

        <input type=text class=form-control ng-model=exchange_dt.host_name required ng-disabled=true>

      </div>

    </div>

    <div class=form-group>

      <label>Address</label>

      <div class=col-sm-6>

        <input type=text class=form-control ng-model=exchange_dt.address ng-disabled=true>

      </div>

    </div>

  </form>

Controller

  function ExchangeController($scope, $http, $cookieStore, $location) {

    var edit_exchange_setting = https://pvbp.com/api/settings.html?contactid=292351&exchange_id=7124&clearinghouseid=1&token=e5349652507c0esae86d50fdbdc53222cf97&page=view;

      $http.get(edit_exchange_setting).success(function(response){

        $scope.exchange_dt.exchange_name = response.name;

        $scope.exchange_dt.exchange_host_name = response.host_name;

        $scope.exchange_dt.exchange_last_processed_date = response.address;   

      });



      $scope.edit_exchange_setting_click = (function(){

      // how can i make the fields re enable here



      });

  }