venkateshwarv

@if EXIST “%~dp0\node.exe” (
  “%~dp0\node.exe” — max_old_space_size=4096 “%~dp0\node_modules@angular\cli\bin\ng” %*
) ELSE (
  @SETLOCAL
  @set PATHEXT=%PATHEXT:;.JS;=;%
  node — max_old_space_size=4096 “%~dp0\node_modules@angular\cli\bin\ng” %*
)

venkateshwarv

 <cc-md-menu>
   <md-checkbox [(ngModel)]="model[0]">
     <span md-menu-item>Option1</span>
   </md-checkbox>
   <md-checkbox>
     <span md-menu-item [(ngModel)]="model[1]">Option2</span>
   </md-checkbox>
 </cc-md-menu>

venkateshwarv

<template>
  <div class="md-menu-panel" [ngClass]="_classList" (keydown)="_keyManager.onKeydown($event)"
    [@transformMenu]="'showing'">
    <div class="md-menu-content" [@fadeInItems]="'showing'">
      <ng-content></ng-content>
    </div>
  </div>
</template>

venkateshwarv

import { 
  Component,
  OnInit,
  ViewEncapsulation,
  Attribute
 } from '@angular/core';

import { 
  MdMenu,
  MenuPositionX,

venkateshwarv

  // LifeCycle Hook that consumes the close observable from menu-directive
  ngAfterViewInit() {
    this._checkMenu();
    this.menu.close.subscribe(() => this.closeMenu());
  }
  
  // closeMenu - actually closes the menu
  /** Closes the menu. */
  closeMenu(): void {
    if (this._overlayRef) {

venkateshwarv

 _emitCloseEvent(): void {
    this.close.emit();
  }

venkateshwarv

<template>
  <div class="mat-menu-panel" [ngClass]="_classList" (keydown)="_keyManager.onKeydown($event)"
    (click)="_emitCloseEvent()" [@transformMenu]="'showing'">
    <div class="mat-menu-content" [@fadeInItems]="'showing'">
      <ng-content></ng-content>
    </div>
  </div>
</template>

venkateshwarv

<md-menu #default="mdMenu">
  <md-checkbox md-menu-item>
    Option1
  </md-checkbox>
  <md-checkbox md-menu-item>
    Option2
  </md-checkbox>
</md-menu>

<button md-raised-button [mdMenuTriggerFor]="default">Select</button>

venkateshwarv

export UseCustomSnackBar{
  constructor(private ccSnackBar: CcSnackBarService){}
  
  showSnackBar(){
    this.ccSnackBar.open('I am a Cc-Snack-bar', {duration: 1500} );
  }
}

venkateshwarv

import { Injectable } from '@angular/core';
import { MdSnackBar, MdSnackBarRef, MdSnackBarContainer, Overlay, LiveAnnouncer, ComponentPortal, ComponentRef, OverlayRef, OverlayState } from '@angular/material';
import { SnackbarContainerComponent } from './snackbar-container/snackbar-container.component';
import { SnackbarComponent} from './snackbar/snackbar.component';

@Injectable()
export class CcSnackBarService extends MdSnackBar {

  constructor(private _overlay : Overlay, private liveAnnouncer : LiveAnnouncer, private mdSnackBar : MdSnackBar) { 
    super(