angular-cn/public/docs/_examples/structural-directives/ts/app/unless.directive.ts

// #docplaster
// #docregion
// #docregion unless-declaration
import {Directive, Input} from '@angular/core';

// #enddocregion unless-declaration
import {TemplateRef, ViewContainerRef} from '@angular/core';

// #docregion unless-declaration
@Directive({ selector: '[myUnless]' })
export class UnlessDirective {
  // #enddocregion unless-declaration

  // #docregion unless-constructor
  constructor(
    private _templateRef: TemplateRef<any>,
    private _viewContainer: ViewContainerRef
    ) { }
  // #enddocregion unless-constructor

  // #docregion unless-set
  @Input() set myUnless(condition: boolean) {
    if (!condition) {
      this._viewContainer.createEmbeddedView(this._templateRef);
    } else {
      this._viewContainer.clear();
    }
  }
  // #enddocregion unless-set
  // #docregion unless-declaration
}
// #enddocregion unless-declaration
// #enddocregion