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

<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

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

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

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

import { 
  MdMenu,
  MenuPositionX,

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

 <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

@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

<mat-form-field color="primary" class="search-box" [floatLabel]="floatPlaceholder">
  <mat-icon class="input-icon" matPrefix fontSet="fa" fontIcon="fa-search"></mat-icon>
  <input matInput [formControl]="input" [disabled]="disabled" autocomplete="off" (focus)="showPopUp()" [placeholder]="placeholder"
  />
</mat-form-field>
<ng-template #multiSelectFor>
<!--  Place where your options will go  -->
</ng-template>

venkateshwarv

import { Portal, TemplatePortal } from '@angular/cdk/portal';

// [redacted]
  showPopUp() {
    if ( !this._overlayOpened) {
      this._startAnimation();
      this.input.setValue( '', { emitEvent: true } );
      this._overlayOpened = true;
      this._createOverlay().attach( this._portal );
    }