Feat(md-menu) : Added prevent close( when user clicks inside menu panel) feature

src/lib/menu/menu-directive.ts

@@ -1,4 +1,5 @@
 // TODO(kara): prevent-close functionality
+// wasn't this supposed to be from an outside developer who needs this feature urgently?
 
 import {
   AfterContentInit,
@@ -54,6 +55,9 @@ export class MdMenu implements AfterContentInit, MdMenuPanel, OnDestroy {
   @ContentChildren(MdMenuItem) items: QueryList<MdMenuItem>;
   @Input() overlapTrigger = true;
 
+  /** Wether the preventClose for menu instance is asked or not.*/
+  @Input('preventClose') preventClose: boolean = false;
+
   constructor(@Attribute('xPosition') posX: MenuPositionX,
               @Attribute('yPosition') posY: MenuPositionY,
               @Attribute('x-position') deprecatedPosX: MenuPositionX,
@@ -115,6 +119,17 @@ export class MdMenu implements AfterContentInit, MdMenuPanel, OnDestroy {
     this.close.emit();
   }
 
+  /**
+   * This emits a close event to which the trigger is subscribed, only when a user
+   * click inside menu panel and prevent close attribute/input is false. When emitted,
+   * the trigger will close the menu.
+   */
+  _emitClickCloseEvent(): void {
+    if (!this.preventClose) {
+      this.close.emit();
+    }
+  }
+
   private _setPositionX(pos: MenuPositionX): void {
     if (pos !== 'before' && pos !== 'after') {
       throw new MdMenuInvalidPositionX();

src/lib/menu/menu.html

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