hide:when

Description

Show or hideWhen element based on expression passed to it.

Usage

as attribute

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

Parameters

Param	Type	Details
hide-when	expression	Expression 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