angularJs ng-disabled not working

Question

{
    $scope.editable = true;
    $scope.NewEmployee = function () {
        $scope.editable = false;
    };

    $scope.EditEmployee = function () {
        $scope.editable = false;
        $scope.Employee.edit = true;
    };

    $scope.Cancel = function () {
        $scope.editable = true;
    };
}

<button ng-click="NewEmployee()"></button>
<button ng-click="EditEmployee()" ></button>
<button ng-click="Save()" ng-disabled="editable"></button>
<button ng-class="Cancel()" ng-disabled="editable"></button>

when there is only NewEmployee() it's work

but I add EditEmployee() Save() Cancel() one of these it's not work

Answer 1

There is a TYPO error in your code

<button ng-class="Cancel()" ng-disabled="editable"></button>

ng-class="Cancel()" this should be like ng-click="Cancel()"