xeditable drop down's selected value is not working properly

Question

I'm using xeditable module.So my question is how can I get the drop down's change value ? At this moment it's not working.Please check the below plunk.Thanks in advance.

 <div ng-controller="Ctrl" style="margin: 50px">
      <a href="#" editable-select="user.status" e-ng-options="s.value as s.text for s in statuses" e-ng-change="myAlert(user.status)">
        {{ showStatus() }}
      </a>
      <br><br>
      debug: {{ user | json }}
    </div>

Plunker

EDIT

I need to hide the left hand text box (Name's column) according to the value of drop down (when user selects it).Could you tell me how to do that ?

JSFiddle

EDIT 2 :

Answer 1

Here's a quick example forked from your fiddle, change the dropdown to 1:

http://jsfiddle.net/crv2vst5/

$scope.Selected = 0;
$scope.Hidden = false;

$scope.HideNameColumn = function(val) {

    if(parseInt(val) == 1){        
        $scope.Hidden = true; 
    }
    else{             
        $scope.Hidden = false;
    }       
}      

EDIT:

Done : http://jsfiddle.net/Lw7h956h/

Final :

JsFiddle