Description

Show or hideWhen element based on expression passed to it.

Usage

as attribute
<ANY hide-when="{expression}">
   ...
</ANY>

Parameters

ParamTypeDetails
hide-whenexpressionExpression to evaluate.

Example

Source

<p><a href="javascript:void(0);" ng-click="alert()" styling="button">{{foo ? 'Show' : 'Hide'}}!</a></p>
<h3 hide-when="foo" id="example_hello-world">Hello World</h3>
angular.module('lightning')
.controller('ExampleController', ['$scope','$timeout', function($scope,$timeout) {
          $scope.foo = false;
          $scope.alert = function(){
            $scope.foo = !$scope.foo
          };
        }]);

Result

Result