angular.module.ng.$compileProvider.directive.ngShow

Description

The ngShow and ngHide directives show or hide a portion of the DOM tree (HTML) conditionally.

Usage

as attribute
<ANY ng-show="{expression}">
   ...
</ANY>
as class
<ANY class="ng-show: {expression};">
   ...
</ANY>

Parameters

Example

   Click me: <input type="checkbox" ng-model="checked"><br/>
   Show: <span ng-show="checked">I show up when your checkbox is checked.</span> <br/>
   Hide: <span ng-hide="checked">I hide when your checkbox is checked.</span>
  it('should check ng-show / ng-hide', function() {
    expect(element('.doc-example-live span:first:hidden').count()).toEqual(1);
    expect(element('.doc-example-live span:last:visible').count()).toEqual(1);

    input('checked').check();

    expect(element('.doc-example-live span:first:visible').count()).toEqual(1);
    expect(element('.doc-example-live span:last:hidden').count()).toEqual(1);
  });