feat(MenuLink): close on click

Author: Kamil Kisiela

demo/client/components/menu-link/menu-link.html

@@ -1,3 +1,3 @@
-<md-button class="menu-link" ui-sref="demo.view({id: vm.sectionId})">
+<md-button class="menu-link" ui-sref="demo.view({id: vm.sectionId})" ng-click="vm.close()">
   {{::vm.sectionName}}
 </md-button>

demo/client/components/menu-link/menu-link.js

@@ -1,4 +1,4 @@
-const { Component, View } = angular2now;
+const { Component, View, Inject } = angular2now;
 
 @Component({
   selector: 'menu-link',
@@ -10,6 +10,17 @@ const { Component, View } = angular2now;
 @View({
   templateUrl: 'client/components/menu-link/menu-link.html'
 })
+@Inject(['$mdSidenav'])
 class MenuLinkComponent {
-  
+  constructor($mdSidenav) {
+    this.$mdSidenav = $mdSidenav;
+
+    this.componentId = 'left';
+  }
+
+  close() {
+    if (!this.$mdSidenav(this.componentId).isLockedOpen()) {
+      this.$mdSidenav(this.componentId).close();
+    }
+  }
 }