AngularJS - ng-disabled is not disabling my element

Issue

I´m trying to hide an option if the condition exists, but the option is still there.

Here is my code:

<li role="presentation"><a role="menuitem" tabindex="-1" ng-disabled="disAplicar" ng-if="!hideBtnAplicar" ng-click="existenciaCero()">Aplicar Existencia Cero</a></li>

And my JS is:

$scope.disAplicar = $scope.datos.tipo == 'informativo' ? true : false;

Could you help me to find which the error is?

Thanks in advance.

Solution

It as easier than I thought. I just used ng-hide instead of disable and that´s it! Thanks to all of you.

Answered By - Rodri6uez